Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 28, 2014 at 8:39 am #342074
    cahe

    I have set up a page where i use transparent header for the pages but I am having a problem that the current item in the navigation is marked with a line directly under the menu item letters. I added a little css to make the header semi transparent instead of full transparent so i would like the current item line to position itself at the bottom of the header area like it does on a “no transparency” header page?

    How can I achieve that? How to I attach some screen dumps here?

    October 28, 2014 at 5:39 pm #342334
    Yigit

    Hi cahe!

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

    #top .av_header_transparency .avia-menu-fx { bottom: 0; }

    If that does not help, please post the link to your website. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    October 28, 2014 at 8:11 pm #342396
    cahe

    Hi

    Thank you. It didn’t totally solve it but led me in the right direction. This is the full css I used to make it work.

    #top .av_header_transparency .avia-menu-fx { bottom: -1px; width: 100%; left: 0%; }

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘transparent header navigation current item underline’ is closed to new replies.