Locate main navigation menu above logo and widen footer feature

The problem you have with the menu is that is the way it is written in the template, so you would have to amend the template to put the menu above the logo. Then style accordingly.

The footer…so you not have a section in your themes options to change the layout of the footer widgets?

If not, your theme changes their widths when the screen size hits 1000px wide. So this css targets screens above that range, I am suggesting using a media query here to stop the width remaining on smaller screens…otherwise the whole layout will get thrown about.

@media screen and (min-width: 300px) {
    .footerwidget:first-of-type {
 		 width: 470px;
}
}

Also, my previous post was incorrect, you need to change the value where it says “min-width” to 1000px, rather than the 300px I left there by accident.

Add this into the cusom CSS area if you have one, or at the bottom of your style.css file if using a child theme

The padding to the right of the image is because the image is within a piece of code that says “one_half” – if you are using a shortcode i would suggest changing that.

Or alternatively find an image that fits the gap better