Home>Support>How to change padding mobile menu

How to change padding mobile menu

By Dionne van Oijen, 5 years ago. Last reply by Andrew Misplon, 5 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. 5 years, 5 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