Archived topic
desktop view: logo, menu item and footer padding defined in %
3 replies · Started by Torsten on January 17, 2020
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 :)