Convert three single column footer areas into a single full width footer

  • Unknown's avatar
    lukeobritt · Member ·

    I would like to display a full width gallery beneath the header on my front page. My plan (Premium) does not allow me to use custom plugins. My theme has three built-in one-column footer areas. Can I use CSS to remove/hide/disable two of those footer areas, leaving a single footer that I can then make full width, and into which I can place the WP gallery widget to achieve my goal?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    charleybea · Member ·

    Hello @lukeobritt,

    Yes, you can adjust the width of the widget(s) to go full width using CSS. If you add any content in any of the other 3 included footer widgets, they’ll just be stacked on top of each other instead.

    To add CSS using the editor, go to your Customizer and click on the CSS tab.

    Copy and paste the following code at the bottom of the editor:

    @media screen and (min-width: 60em){
.site-footer .widget-column {
width: 100%;
}
}

    If you want it to truly go full screen, you can also adjust the CSS applied to the wrap around the widgets as well.

    .wrap {
max-width: 100% !important;
}

    If you give this a try, let me know how it goes! :)

  • The topic ‘Convert three single column footer areas into a single full width footer’ is closed to new replies.