Extra column when viewing on phone

Support
#1

Hi,

When I view my blog posts on an Android phone there is an extra invisible column appearing. How do I get rid of this as it’s squishing the main content!]

See here: https://followtheboat.com/six-more-sailing-questions-answered/

#2

Hi There,

Please find and remove this custom CSS:

.single-post .x-main.left {
    width: 66.79803% !important;
}

Hope it helps :slight_smile:

#3

Hi, thanks for getting back to me. Unfortunately if I do this then it removes the sidebar from my blog posts and pushes it underneath the post. I want to keep the sidebar when viewing on a large screen and only have it appear underneath when viewing on a small screen.

Please advise, thanks.

#4

Hi There,

Sorry for the confusion!

Please add this CSS to your theme option -> Global CSS.

@media (max-width: 979px) {
.single-post .x-main.left {
    width: 100% !important;
}
}

Hope this helps!

#5

Yep, perfect, that’s sorted it. Thank you for your time.

#6

You’re welcome.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.