[Resolved] desktop view: logo, menu item and footer padding defined in %

[Torsten]

Hi,
I would like to define the paddings for logo (header left padding), menu (header right padding) and footer widgets (footer left padding) to 12%. Can you help?
Thanks a lot,
Torsten

[Leo]

Hi there,

Looks like you are using navigation as the header so try this CSS:

@media (min-width: 769px) {
    .inside-navigation {
        padding-left: 12%;
        padding-right: 12%;
    }
}

Or another way would be to set the inner navigation to contained, then we can use this CSS to set the specific width:

@media (min-width: 769px) {
    .inside-navigation.grid-container {
        max-width: 800px;
    }
}

For footer widget, it would be this:

@media (min-width: 769px) {
    .footer-widgets {
        padding-left: 12%;
    }
}

Let me know if this helps 🙂

[Torsten]

perfect,
thanks a lot…

[Leo]

No problem 🙂

[Author]

Posts