[Resolved] Align footer widget with content and Slide-out Navigation with logo

[Antonio]

Hi,

on this website I would like to

1. align the footer widgets (3 widgets) with the website content.

If you have a close look you see that the 2 columns on top (with the dates) are not in line wth the footer.

2. align the slide-out navigation with the “canna Lounge” logo

Thanks in advance

[Leo]

Hi Antonio,

1. The 4 footer widgets are not align with the date blocks above because the date blocks have padding on them. They actually have the same container width.

You can try this CSS:

@media (min-width:769px) {
    #generate-section-1 .generate-sections-inside-container {
        padding-left: 0;
        padding-right: 0;
    }
    .lgc-first .inside-grid-column.event-single {
        padding: 0 10px 0 0;
    }
    .lgc-last .inside-grid-column.event-single {
        padding: 0 0px 0 10px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

2. Try this CSS:

@media (min-width:769px) {
    .slideout-toggle {
        padding-top: 85px;
    }
}

Let me know.

[Antonio]

Thenaks Leo,

This do the trick 😉

have a nice weekend.

Antonio

[Leo]

Glad I could help! You as well 🙂

[Author]

Posts