Need to have a background image on header

longstreetsolutions · April 2018

This is the site I am working on.

http://35.173.81.240/

I added a background image for the header in the theme option, but the background is not showing up.

I need a header looks like this one: http://themes.muffingroup.com/be/steak/our-menu/

Can you let me know how to make it happen?

Thanks alot

Bryan · April 2018

Hi,
this is because the first section has a background set, if you remove it then you will see the brick background.
thanks

longstreetsolutions · April 2018

Sorry, I think I didn't make it clear.

Please check my site again http://35.173.81.240/

Now I removed the background in the first section, you can see the header is transparent. However, I have added a image background on header under Theme Option/Header&Subheader. So I want to know how I can have the background show up same as my footer.

Here is my design file to help you better understand what I need for the header/Nav bar.

https://www.dropbox.com/s/9orw4w1jv6qomsn/1.2 Home.png?dl=0

Bryan · April 2018

So first what you need to do is to disable the header and menu transparency.
You can do that in theme options>global>general.
thanks

longstreetsolutions · April 2018

Ok, thanks, that is a good start.

So what is the next step, the header still not showing the background image same as footer

longstreetsolutions · April 2018

Hi There,

Please check my site again http://35.173.81.240/

I really need to finish this site today. Could you kindly teach me step by step to make the header look same with my design? https://www.dropbox.com/s/9orw4w1jv6qomsn/1.2 Home.png?dl=0

Thank you very much!

Bryan · April 2018

Ok so do this:
1. Use this css

body #Header #Top_bar {
	background:url('http://35.173.81.240/wp-content/uploads/2018/04/rustic_body.jpg')no-repeat center center !important;
	background-size:cover !important;
}

2. Go to theme options>global>general and choose the menu to be transparent (no white background behind the menu items)

Need to have a background image on header

Comments