Add a background to the dropdown menu

Support
#1

Hello,

Could you help me to add a background to the dropdown menu of this website: https://chainspring.co/
(Note that the dropdown menu is only on mobile and you won’t see in on desktop).

I tried to add CSS to do it but did not manage to make it work.

Thank you,
Antoine

#2

Hi E-Marketing Mix,

The mobile menu drop-down does not have any background color because whenever you open the menu it moves the whole website down and the drop-down gets the background color of the header.

Now you did some customization and the mobile menu does not push the content down, so you need to add additional CSS to have an additional background color.

Please add the CSS code below to X > Theme Options > CSS:

@media (max-width: 979px) {
	.x-nav-wrap.mobile {
		display: block;
		background: #004980;
		border-radius: 0 0 10px 10px;
		padding: 10px;
	}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.

#3

Thank you very much.

#4

You’re welcome :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.