Plain Menu - how to fill header by a picture?

MichalMolka · May 2015

I consider a change of the type of menu.
If I change it to type "Plain" I see big white area(header).
I'm using RevSlider.

Is it possible to fill this whole white area by one picture? If yes, what should I do?

Albert · May 2015

If you will send us url to page where you got this header used, we'll see if it's possible to use background image in header.

MichalMolka · May 2015

This is it: http://skroc.pl/b88b4

Albert · May 2015

As we see, it is not possible to add one image per menu and action bar sections. Background can be added individually for each and this can be done within below css:

.header-plain #Top_bar { background: url('PATH-TO-IMAGE') !important; }

MichalMolka · May 2015

OK, thanks.

If I turned off Slider it would be possible to fill this are by using this option?

Albert · May 2015

This option does not work with this header style because this option for for complete different part of theme html.

MichalMolka · May 2015

Which type of menu/header supports this option?

Albert · May 2015

Most of header styles are compatible with this option but "Header | Minimalist" option must be OFF under Theme options > Header & Subheader > Header section. If this will be off, you see how it looks like exactly. With "Plain" header style still will work as well because we forgot about this option. But remember that header image is visible on pages without slider only.

MichalMolka · May 2015

I tried to use this CSS code:

.header-plain #Top_bar { background: url('PATH-TO-IMAGE') !important; }


There is one problem. Mobile view looked weird.

Is it possible to turn off this header image on mobile view?

Albert · May 2015

If you want to apply this image on desktop version, please wrap above code into right @media only screen attribute.

MichalMolka · May 2015

It should looks just like that?:

@media only screen
.header-plain #Top_bar { background: url('PATH-TO-IMAGE') !important; }

Albert · May 2015

No. Please take a look at http://betheme.muffingroupsc.netdna-cdn.com/betheme/wp-content/themes/betheme/css/responsive.css and see how it works.

Plain Menu - how to fill header by a picture?

Comments