Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 11, 2016 at 9:45 pm #659555
    IanWorthington

    I’m trying to create a set of landing pages which have a Layer Slider /above/ the menu bar.

    I’ve built a sample at http://theemeraldemporium.co/home-2/ as an example which has a layer slider over a menu and was going to modify the default template to exclude the default menu bar, but can’t see where in template-builder.php it’s actually brought in!

    Is this the best to do it anyway? I notice that my included menu bar has lost the BOLD formatting which the original has.

    Any advice on how to proceed?

    Ian

    July 12, 2016 at 9:31 pm #660105
    Josue

    Hey Ian,

    When editing the Page try disabling the header at the right – http://screencast.com/t/Dvh1Gblxxa95

    Best regards,
    Josue

    July 14, 2016 at 12:15 pm #660789
    IanWorthington

    Thanks Josue, hadn’t spotted that.

    It works fairly well, a bit of CSS customises it to look more or less like the main menu on the home page, apart from two things:

    1. The menu item is not emboldened when I’m on its page (ie in the real menu the HOME item stays in its highlighted color when I’m on the home page), and

    2. It lacks the underbar on hover which the proper menu bar has.

    Are these things doable via CSS?

    Ian

    July 14, 2016 at 11:50 pm #661068
    Josue

    Hi,

    1. The current page (/home-2/) is not within the menu so none of the menu items will be highlighted.
    2. Add this to Quick cSS:

    #top .av-submenu-container li:hover .avia-menu-fx{
    opacity: 1;
    visibility: visible;
    display: block;
}

    Best regards,
    Josue

    July 15, 2016 at 10:54 am #661191
    IanWorthington

    Hi Josue

    Thanks for this.

    2. Almost perfect. Just had to fix the bottom position.

    1. Aye, I was aware of that. I’ve now promoted it to the home page though and you can see “Home” still doesn’t embolden the way “Blog” does on the blog page. What is meant to trigger that?

    July 19, 2016 at 10:31 am #662391
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top .av-submenu-container .current-menu-item a .avia-menu-text {
    font-weight: bold;
    color: black;
}

    Cheers! 
    Josue

    July 19, 2016 at 11:46 am #662416
    IanWorthington

    Perfect!

    Thanks Josue!

    i

    July 19, 2016 at 6:52 pm #662679
    Rikard

    Hi,

    Glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Moving the menu bar location on a group of pages’ is closed to new replies.