Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 28, 2018 at 4:22 am #918786
    beverlystone

    Hi, I have a number of page where I have hidden the the Header because we have several sections that require different logos and we don’t need the main menu for those pages. The problem is that I want the top bar menu to display on all pages but since it’s tied into the Header, it seems to be all or nothing.

    A few ideas I’ve had were to display the Header on all pages but css out the logo/main menu or build a widget that can be added to a color section that can be added to the top of each page. What is the easiest way to do this? (If not easy, would you consider in the future having the top bar menu be independent of the Header?)

    I’ve added a screen cap to the private area as this website is still in development.

    February 28, 2018 at 6:34 am #918817
    Nikko

    Hey beverlystone,

    Can you give us a link to your login page? and also give us some link to the pages where the header is hidden.

    Best regards,
    Nikko

    February 28, 2018 at 3:03 pm #919084
    beverlystone

    Right! I forgot the URL. I’ll put it in the private area. Sorry!

    February 28, 2018 at 3:25 pm #919091
    Nikko

    Hi,

    I have set the Header visibility and transparency of the 3 pages you want the menu to appear from Hide header on this page to No Transparency, then removed the first grid which contains the dark line and updated the page. Then added this css code in your Quick CSS (located in Enfold > General Styling):

    .page-id-1405 #header_main,
.page-id-891 #header_main,
.page-id-998 #header_main {
    display: none !important;
}

.page-id-1405 #header_meta,
.page-id-891 #header_meta,
.page-id-998 #header_meta {
    border-bottom: 0 !important;
}

.page-id-1405 #main,
.page-id-891 #main,
.page-id-998 #main {
    padding-top: 30px !important;
}

    If you check the code they have a pattern and what changed is the .page-id-x where x is the page id number, if you need to add more pages just use the same pattern or you can ask us for assistance :)

    Best regards,
    Nikko

    February 28, 2018 at 3:35 pm #919101
    beverlystone

    This is awesome!!! I just need to do the same to the home page. I think I can figure it out. Thank you!

    February 28, 2018 at 3:45 pm #919111
    Nikko

    Hi beverlystone,

    Glad that we could help :) I know you can easily figure it out, just let us know if you need further assistance, we would be happy to help :) Have a great day!

    Best regards,
    Nikko

    February 28, 2018 at 3:46 pm #919112
    beverlystone

    I’m good except for one page. I’ll put the info in the private section below.

    February 28, 2018 at 4:22 pm #919143
    Nikko

    Hi,

    It’s fixed, I have checked the code and noticed you forgot to add . before page-id-796 #header_meta, I just added the dot before it and it works fine. :)

    Best regards,
    Nikko

    February 28, 2018 at 4:31 pm #919149
    beverlystone

    Yes! I missed that on another, too. So I’ve fixed that as well. Thank you so much.

    February 28, 2018 at 4:48 pm #919164
    Nikko

    Hi,

    Glad that it’s fixed, just post here if you need further assistance :) or if all is good and we can close the thread just let us know.

    Best regards,
    Nikko

    February 28, 2018 at 4:54 pm #919166
    beverlystone

    Yes, you can close the thread. Thank you.

    February 28, 2018 at 5:12 pm #919174
    Nikko

    Hi,

    You’re welcome and thanks for using Enfold! Have a great day :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Separate Top Bar Menu’ is closed to new replies.