Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 17, 2017 at 3:54 pm #794931
    Steve

    Hi,
    Apologies up front if this is a stupid question but I’ve gone round in circles for long enough.
    I’m creating a site using Enfold and have the menu set to transparent header on all pages.
    The blog menu however shows a hover colour and a strange padding issue to the right of the last item as if it were following a different menu style.
    I’ve checked the code and can see (although this may have no impact) that the class of av_header_transparency is included in the header on all pages but not in the blog header.
    Any ideas?

    May 18, 2017 at 6:49 am #795268
    Rikard

    Hey thewebsmiths,

    I’m not sure if I could see any difference to be honest, could you post a screenshot highlighting the issue please? We might need to have a look at the backend of your site so please include admin login details in private as well.

    Best regards,
    Rikard

    May 18, 2017 at 7:03 am #795270
    Steve

    Hi Rikard,
    Thank you for your reply.
    The menu on the blog appears deeper and has a highlight colour which appears on mouseover. The highlight colour also finishes short on the far right menu item as you’ll see from the attached image.
    Ideally I’d like no highlight so the menu in the blog appeared the same as the rest of the site but I can’t see why it wouldn’t be the same already.
    Thanks
    Steve

    CORRECT – IN MAIN SITE
    Correct menu

    INCORRECT – IN BLOG
    Incorrect menu in blog

    • This reply was modified 7 years, 6 months ago by Steve.
    May 18, 2017 at 5:10 pm #796026
    Victoria

    Hi thewebsmiths,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.html_header_searchicon_disabled.html_entry_id_1350 #top .av_header_border_disabled.av_bottom_nav_disabled .main_menu .menu>li:last-child>a .avia-menu-fx {
  padding-right: 0px;
}
.html_main_nav_header.html_logo_left.html_entry_id_1350 #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
  padding-right: 13px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 19, 2017 at 11:30 am #796492
    Steve

    Thanks Victoria,
    That fixes the format issue on the blog navigation but I’m looking to make it the same layout as the other pages, so it has no highlight colour on hover and the positioning and spacing of the menu and the underline is the same as the other pages navigation.
    Is this possible?
    I did think it might just be a setting I was missing to have the header behave in the same way as the rest of the site but nothing I select in admin changes the menu on the blog pages.
    Thanks
    Steve

    May 19, 2017 at 4:05 pm #796631
    Steve

    Hi Victoria,
    I’ve achieved what I wanted by adding the following to the custom CSS:
    .avia-menu-fx {
    bottom: 22%;
    width: 70%;
    left: 15%;}
    Now the blog menu format is the same as the rest of the site.
    Thank you for your help.
    Steve

    May 20, 2017 at 1:59 am #796871
    Mike

    Hi,
    Thank you for sharing your solution, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Navigation appears differently on blog pages to all other pages’ is closed to new replies.