Home>Support>How to change padding mobile menu

How to change padding mobile menu

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. 9 days, 19 hours 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

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More