Skip to content
Public Ticket #15928

custom hover vertical menu soledad theme

Conversation thread

firosyd replied

Customer Reply

It's working better! 

Thanks in advance.

Best regards 

PenciDesign replied

Staff Reply

Hi,

You can try to replace the code I sent to this code to apply that style for the current menu viewing item:

.penci-menu-hbg .menu li a{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.penci-menu-hbg .menu > li.current-menu-item > a,
.penci-menu-hbg .menu > li.current-menu-ancestor > a,
.penci-menu-hbg .menu li a:hover {
    background-color: #f3bf1e;
    padding-left: 10px;
    padding-right: 5px;
}

Best Regards,

PenciDesign

firosyd replied

Customer Reply

Wow! Look better really! Thank you so much!

What if I want an effect of kind "active item menu" as the visitor clicks in the link from the menu? 

Thanks a lot!

PenciDesign replied

Staff Reply

Hi,

Yeah, I see you can do that for yourself now.

But, I think you can replace your custom CSS code:

.penci-menu-hbg .menu li a:hover {
    background-color: #f3bf1e;
}

to this code:

.penci-menu-hbg .menu li a{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.penci-menu-hbg .menu li a:hover {
    background-color: #f3bf1e;
    padding-left: 10px;
    padding-right: 5px;
}

It will look better.

Best Regards,

PenciDesign

firosyd started the conversation

Conversation Start

Hi there,

I'm customizing the menu of the website done with Soledad.

I'd like to change the color background hover menu item and not only to the color "a" link menu. I'm using border into menu. Follow the URL please.

Is there any spot where I can customizing that in Customize or any code to apply with CSS? 

Thanks a lot

----------------------------------------------------------------------------------------------------------------------------------------------------

Hi there,

I just got a CSS code for customizing the hover background item menu.

Thank you

Want to join this conversation or access attachments? Sign in first.