Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 11, 2020 at 7:40 am #1229567
    mikeschumann

    What is the best way to customize the secondary menu in the top header bar? In particular, we would like to be able to change the background color behind the menu text on hoover, similar to how the social media icons work in the top header bar.

    • This topic was modified 4 years, 3 months ago by mikeschumann.
    July 11, 2020 at 5:12 pm #1229659
    Victoria

    Hey Mike,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    July 11, 2020 at 5:57 pm #1229675
    mikeschumann

    I would like the secondary menu to work similar to the menu at the top of the https://gabbyhome.com/ website.

    July 14, 2020 at 6:05 am #1230154
    Rikard

    Hi,

    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    nav.sub_menu li a:hover {
  background-color: white;
}

    Best regards,
    Rikard

    July 14, 2020 at 6:48 am #1230172
    mikeschumann

    That was very helpful. One minor addition: With this CSS change the background hover change is just the width of the text in the secondary menu. How can I get the background change to occur half way to the adjacent menu item?

    July 15, 2020 at 6:20 am #1230506
    Rikard

    Hi,

    Thanks for the update. Looking at your site it seems like you have found a solution already? If not then please try to explain a bit further.

    Best regards,
    Rikard

    July 15, 2020 at 7:07 am #1230516
    mikeschumann

    I think I’ve been able to figure out most of this on my own. Thanks for pointing me in the right direction.

    July 15, 2020 at 9:01 pm #1230719
    Victoria

    Hi mikeschumann,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 22, 2020 at 5:47 pm #1232342
    SolingLover

    Hi !
    I would like to add in some colour social media icons into the top header (socket?), instead of using the social media option in the theme. If I disable the social media option, how would I go about adding a Button Row to put the new icons into ?
    Perhaps as a suggestion to develop the Advanced Styling options, this could be used to change the icons to unique image files ? I’m asking on behalf of my developer who is not familiar with Enfold…

    July 22, 2020 at 7:48 pm #1232367
    Victoria

    Hi SolingLover,

    Please start a separate thread, describe your issue there, and give us a link to your website.

    Enfold

    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.