Need Help Please (free if possible) WP

[LuckyGirl9334]

I had a site built for me back at the beginning of the year the dev used TruePixel by MyThemeShop.
It's a pretty website - kind of old fashioned looking but nice.

I checked on it the last few days in prep for adding more content and noticed that the sidebar has
moved down it's column to below the content. I am really not familiar with mythemeshop themes so it's a bit of a learning curve for me at the moment.

I spent 2 days going thru youtube videos ( fix WP sidebar below content, etc.) and checking the code thru https://validator.w3.org/
there were a couple of errors but they came up in an email form. Anyway fixed them and revalidated. All good.

Site looks great on FIREFOX. No issues.

Problem ONLY shows up in CHROME browser. Went back into WP and deactivated all plugins 1 at a time. No change. Cleared browser history back All time. No change.

So spent several hours trying to figure out if I have a problem with my CHROME browser. So far nothing.

I'm stumped. I'm beginning to think it's Chrome and not the website at all.

Any thoughts?

Thanks in advance!

 

[knstyle216]

Try your site on some other browsers and see how it turns out.
Usually, there's just a few minor differences between browsers on how they handle CSS (styling) but this shouldn't be the case. Anyway I'd need to look at your actual site to be having a clearer idea of what's going here.

 

[LuckyGirl9334]

It looks great on all browsers but chrome.

Awesome on Firefox and absolutely stunning Microsoft Edge. I think it looks better on Edge than any other.

I thought it must just be my chrome browser on this machine so I deleted all the user data from my registry and set google back to brand new. That did not change anything.

I'm so confused. lol

 

[knstyle216]

It looks great on all browsers but chrome.

Awesome on Firefox and absolutely stunning Microsoft Edge. I think it looks better on Edge than any other.

I thought it must just be my chrome browser on this machine so I deleted all the user data from my registry and set google back to brand new. That did not change anything.

I'm so confused. lol

How about other PCs?

 

[LuckyGirl9334]

How about other PCs?

You know what? I checked it on a desktop PC that has a huge screen with Chrome, Firefox and Edge. It looked fine on all three, although I'll say it was sharper and clearer using Firefox and Edge.

So, it must be something with Chrome on my laptop or a resolution issue. I cleared everything out of my user app data thru regeditfunctions for google on my laptop and still the same. So thinking I may have a resolution issue? Or maybe an issue in the responsive css? I hope it's not the latter.

 

[knstyle216]

You know what? I checked it on a desktop PC that has a huge screen with Chrome, Firefox and Edge. It looked fine on all three, although I'll say it was sharper and clearer using Firefox and Edge.

So, it must be something with Chrome on my laptop or a resolution issue. I cleared everything out of my user app data thru regeditfunctions for google on my laptop and still the same. So thinking I may have a resolution issue? Or maybe an issue in the responsive css? I hope it's not the latter.

Probably.
Anyway here are 2 tricks you can give a shot:

1. I don't know how your page builder works but try to resize the content or sidebar's column in a way that they don't add up to 100%, like 60% + 35%.

2. Hardcoding CSS:
Add "display: flex" to the container of both content and sidebar. This's going to guarantee to fix the issue.
And also this to make the sidebar go down below when the site is viewed on mobile/tablet:
@media screen and (max-width: 980px) {
.your-container {
flex-direction: column;
}
}
980px means this CSS only working when the screen width is anywhere smaller 980px. Can change to any number you want.

 

[LuckyGirl9334]

Awesome! Thanks for the help! Really appreciate it!