Logo Left, Menu Centered and Transparent

saint181 · August 2015

HI,
Trying to have a logo left and menu centered and transparent just like this [Links visible only for registered users], actually would like my menu exactly like this.

I have tried a few CSS items you have in other areas but they wont work? My build site is
[Links visible only for registered users]

Thanks for your help.

Albert · August 2015

Hi,

of course we have similar header style what you can see on one of our demos for example http://themes.muffingroup.com/be/factory/ but first you must set "Classic" header style instead of Modern and then you need to use below css:

/* Header */
@media only screen and (min-width: 1240px) {
    #Top_bar .container { width: 100%; }
}
.header-classic #Top_bar:not(.is-sticky) { background-color: rgba(14,28,46,.4); position: absolute; top: 0 !important; border-bottom: 1px solid rgba(255,255,255,.4); }
#Top_bar .menu > li > a span:not(.description) { border: 0; letter-spacing: 3px; }
#Top_bar .menu > li > a:after { top: auto; bottom: 0; background: #fff000; }

@media only screen and (max-width: 767px) {
    body:not(.template-slider):not(.header-simple) #Header { min-height: 170px; }

}

But please notice that menu items along with this header can not be centered only unfortunately.

saint181 · August 2015

Thank you. Awesome.

Albert · August 2015

You're welcome

saint181 · September 2015

HI, Just noticing that this menu is not like this for all the website. Only on the front page.
Can i have it like this the the entire website?

Albert · September 2015

What other pages you mean? Any screenshot of what you mean and urls?

saint181 · September 2015

[Links visible only for registered users]
Thanks you will see the menu bar very dark, not transparent almost like main page whic is
[Links visible only for registered users]

Albert · September 2015

On homepage, you got slider behind menu bar and it's why it is not so dark. But on sub-pages there is no background image behind menu and that's why it's dark. This is proper behave. If you don't want to have such dark menu on sub-pages, you should upload header images behind.

Logo Left, Menu Centered and Transparent

Comments

This website uses cookies