Add a background color behind menu

samansaaadat · September 2018

Hi

I need to make my menu button clear. I just used classic menu but this background is too big: https://imgur.com/a/11tq5LL

Can you please help me fix my menu and transparency!

Here is a link to my website: https://www.thefabulousgift.com/

Pablo · September 2018

Hi,

I see that the menu is not big now, did you fix it?

Please paste this custom css code into theme options > custom css & js > css

#Header #Top_bar{
	background:rgba(0,0,0,0.8) !important;
}

Thanks

oddsquadproduction · September 2018

Awsome. Thanks

samansaaadat · September 2018

Hi,

When i add this code, i can see the content behind the menu on some pages like https://www.thefabulousgift.com/shop/

Can i push the content down a bit on my shop page?

samansaaadat · September 2018

and other pages?

Pablo · September 2018

This code is not changing anything than background color, so it's not possible that this code push it up.

But please, paste this custom css code:

@media (min-width:767px){
	body.archive #Header{
	  padding-bottom:90px !important;
	}
}

Thanks

samansaaadat · October 2018

Hi,

I added this but now i have issues like this on my website! https://imgur.com/a/U031UZK

How can i fix this? the website on some pages doesnt show the content!

Pablo · October 2018

I updated the code above.

It should be ok now.

Thanks.

samansaaadat · October 2018

It is still not ok. If you could add a item to a cart and then go to this cart page, you will see that the menu is on top of the items and you cant properly see the item under the menu! Please check this image: https://imgur.com/a/g1aknVO

And here is a link to my site:

https://www.thefabulousgift.com/cart/

Pablo · October 2018

Paste this code:

body:not(.template-slider).woocommerce-cart #Header{
  min-height:90px !important;
}

It fixes this problem.

Thanks

samansaaadat · November 2018

That fixed that problem but i still have the same issue on my shop page and each product. See the image below as an example:https://imgur.com/a/OyiSuU5

How can i push the picture and prices down a bit so users can see the price for each category?

Thanks

Pablo · November 2018

Hi,

You can fix this problem by disabling the "Minimalist without Header space" in Header & Subheader in Theme Options, but I remember, that you had problem with BG behind that option, so, use this CSS

body.single-product #Content{
	padding-top:100px !important;
}

Thanks

samansaaadat · November 2018

Great. Thanks

Add a background color behind menu

Comments

This website uses cookies