How To make Able Theme Wider

Hi there – did you get this sorted? The two sites’ layouts look pretty similar to me so I’m not sure if I’m missing the problem or if you got it solved already. Just let us know!

Hi Kathryn thanks for replying if you compare the far right edge of the top banner on each site and the right hand edge post box outline on each site you will see that https://mjsailing.com/ is much closer to the right hand edge of the screen subtle but definately different. or at least it is on my screen quite easy to see if you flick between the two.

Regards

Ah, I see what you mean. Actually it looks like the entire page is shifted slightly to the left on https://vagabondtravels.co/ but it’s the same overall width as https://mjsailing.com/.

Do you have any custom CSS on the Vagabond site or did you alter the CSS in the theme files in any way? If not, it could be a plugin causing the interference – looks like you have a lot of external CSS being pulled in from sources outside the theme.

If you can’t find the culprit, you can try adding this custom CSS to work around it and re-centre the page:

#page {
    width: 100%;
}

Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated.

An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS. You could also install a standalone custom CSS plugin if you prefer.

Thankyou Kathryn

Not sure what one it was as I just deleted stuff that I had not been using anymore but it worked

Regards

I’m glad to hear that Kathryn’s workaround fixed the layout issue.

If you have any extra questions then please feel free to start another thread.