How to change padding mobile menu

Open 1 reply developer plugin plugin-siteorigin-css

Dionne van Oijen

5 years ago · Last reply by Andrew Misplon 5 years ago

Goodmorning,

I used the following CSS to remove the space between the logo and the menu:

.hgroup {
max-width: none !important;
}

.logo img {
width: 100%;
height: auto !important;
}

.logo, #masthead, .hgroup {
padding: 0 !important;
}
.support-text {
display: none !important;
}

This worked! But after this the padding of the menu changed which caused the stripes to fall away from the screen (website is hondentrimsalon.anita-reulings.nl)

How can I fix this? :)

Many thanks in advance!

Kind Regards,

Dionne

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 5 years, 9 months ago
Hi Dionne
Thanks for reaching out.
If you’d like to, you could wrap your rules in a media query to limit when they are applied:
```
@media (min-width: 1024px) {
/* Rules go in here */
}
```
https://www.w3schools.com/css/css3_mediaqueries_ex.asp

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.