Safari template - Main menu not working

slurpee7 · August 2015

I've installed the Safari demo/layout (http://themes.muffingroup.com/be/safari/) and i've been trying to fix/figure out what is going on with the menu.

Here's my test site where the issue is: http://rounditup.uamini.com/

I've tried changing pretty much all of the Menu options in the Header --> Style area of the Be Theme Options area and they all seem to not work (make it look like it looks now). I'm pretty sure the default it gets set to (after installing/applying the demo) is "Empty: Subpage without Header".\

Thank you in advance!

Albert · August 2015

Hi,

for Be|Safari demo we used "Fixed" header style with below css:

/* Top bar */
@media only screen and (min-width: 1240px) {
    #Top_bar .container {  width: 100%; }
}
#Top_bar, #Top_bar.is-sticky { top: 0; background: url(http://themes.muffingroup.com/be/safari/wp-content/uploads/2015/03/home_safari_places_topbar_bg.png) repeat-x top center !important; box-shadow: 0 0 0 0 rgba(0, 0, 0,0) !important; }

@media only screen and (min-width: 768px) {
    #Top_bar, #Top_bar.is-sticky {   padding-top: 20px; }
}
body.minimalist-header.header-fixed:not(.template-slider) #Header { min-height: 0; }
.header-fixed #Top_bar .menu > li > a:after  { display: none; }

slurpee7 · August 2015

Thank you for that, it helps explain the custom CSS.

But I'm still not able to fix how it looks: http://rounditup.uamini.com/

Can someone offer some suggestions on fixing this?

Albert · August 2015

As we see, on your site, you activated "Subheader" somehow. To remove this section, please go to Theme options > Header & Subheader > Subheader section where this can be removed with one click.

Safari template - Main menu not working

Comments