Home>Support>How to change padding mobile menu

How to change padding mobile menu

By Dionne van Oijen, 4 years ago. Last reply by Andrew Misplon, 4 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 4 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More