Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 3, 2016 at 10:15 pm #707970
    philthebass

    Hi,

    I’m trying to get the menu underlines to look like the attached, but without borders. Is there a default setting I can use, or will I need to use custom CSS? http://screencast.com/t/Tsb8pGCx1

    Thanks

    November 3, 2016 at 10:20 pm #707975
    Yigit

    Hey philthebass!

    Please go to Enfold theme options > Header and choose “default” in “Header Style”

    Cheers!
    Yigit

    November 6, 2016 at 2:00 pm #708848
    philthebass

    Thanks Yigit,

    I’ve set the header style to default but the mouseover selected state (the white line beneath the menu item) should sit just below it

    http://screencast.com/t/Tsb8pGCx1

    right now it’s looking like this

    http://screencast.com/t/merbj90dEH

    Thanks

    Phil

    November 7, 2016 at 5:56 am #709018
    Rikard

    Hi Phil,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    November 7, 2016 at 1:29 pm #709166
    philthebass

    Hi Rikard,

    November 7, 2016 at 1:33 pm #709169
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-menu-fx {
    bottom: 20px;
    width: 80%;
    left: 10%;
}

    Best regards,
    Yigit

    November 7, 2016 at 1:50 pm #709177
    philthebass

    Thanks Yigit. That did the job :-)

    Can we adjust the thickness of the underscore as well?

    Thanks

    Phil

    November 7, 2016 at 1:57 pm #709183
    Yigit

    Hi,

    Yes, we can! However it seems like you have already figured it out and used the code as following

    .avia-menu-fx {
    bottom: 20px;
    width: 80%;
    left: 10%;
    height: 5px; 
}

    :)

    Best regards,
    Yigit

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