Menu transparent & Hide searchbar for mobile

Schnugru · May 2016

Hi,

I have the following problem: My menu is transparent when I choose a low resolution.

What settings do I have to change?

Furthermore, if I switch to mobile view I would like to hide the search bar how can I do that?

And in the mobile view the logo isn't shown anymore. What's the problem here? Do I have to save the logo in a different format or in a different resolution?

Thanks for ur help

Schnugru · May 2016

Homepage www.youngspirits.org

Albert · May 2016

Hi,

to set background color for mobile menu, you need to use:

#Top_bar #menu > ul { background: #FFF !important; }

Schnugru · May 2016

Awesome, thank you!

But how can I switch off the search bar in the mobile menu?

Schnugru · May 2016

And also is there a possibility to switch off the header image in mobile view?

Albert · May 2016

To disable search and header background on mobile, you need to use the following css:

@media only screen and (max-width: 767px) {
    #Header .top_bar_right { display: none !important; }
    body:not(.template-slider):not(.header-simple) #Header { min-height: 0 !important; }
}

Schnugru · May 2016

Thanks guys!

Albert · May 2016

You are welcome!

Menu transparent & Hide searchbar for mobile

Comments