Site logo

Archived topic

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

3 replies · Started by Torsten on January 17, 2020

Viewing posts 1–4 of 4

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

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 :)

perfect,
thanks a lot...

No problem :)

This archived topic is closed to new replies.