Moving location of widget area?

Hi there!

As you have already created a child theme, I don’t recommend using CSS to make big changes to the positioning of your widget area. Instead, I recommend moving editing your theme’s HTML. This will be cleaner and work better across all devices/browsers.

To make the changes you need:

• Copy the page.php, index.php, and single.php files from your parent theme to your child theme’s directory.
• Open each of those files from your child theme’s directory and locate <?php get_sidebar(); ?>. This is the piece of code that’s “pulling in” your widgets.
• Move <?php get_sidebar(); ?> just below <div id=”content-wrapper”> in each of the three files.
• Save your changes.

Let me know how you get on with those steps. I’ll be happy to help further.

Thankyou, this appears to have worked for the most part.

Sadly the date tag overlaps it and the background colour of the widget doesn’t match up. Good enough for the time being though.

Glad that worked for the most part! ??

To float the main content area underneath the widget area, and remove the overlap you mentioned, use the following custom CSS:

#content {
    float: left;
}

In addition, the following can be used to get the background colour of the widget area to match up the content area:

#main .widget-area {
    background: #edf6fe;
}

Let me know if those last couple of tweaks help you get your site looking as you wish.

Oh nice! Thank you.

You’re welcome. Hope you’re having a lovely weekend!