-
Posts
-
Hey there everyone! I’m having a few issues with the responsiveness of my site. I tried searching around on the forum but not sure I found anything that worked for this.
Here’s a link example: https://mikereinold.com/correcting-knee-valgus-and-infraspinatus-atrophy/
On desktop and mobile, everything works well, but in between (i.e. tablets) the sidebar on my blog layout gets cut off.
Desktop (looks good) = https://www.screencast.com/t/CJ6fwKNE5M
Mobile (looks good because the sidebar is gone once i get to 767px) = https://www.screencast.com/t/1ahNrKzNLTablet width slowly cuts off the sidebar (starts to happen at 1268px until mobile kicks in at 767px) = https://www.screencast.com/t/OsUbtZFIWR
The same issue is happening with the footer overlapping: https://www.screencast.com/t/LhDOPMEJ6a
Anyone have any suggestions? Thanks so much in advance!
Thank you for your reply.
I’m not 100% sure how to do this, sorry. Do you mean just de-activate my Autoptimize and WP Rocket plugins? I have cleared all my cache and used an incognito window when testing.
Hi mmr1234,
Yes, try to flush out cache from both Autoptimize and WP Rocket then deactivate them temporarily.
Then go to Enfold > Performance, disable both CSS file merging and compression and Javascript file merging and compressionBest regards,
NikkoOK All set. Autoptimize and WP Rocket flushed and deactivated. Enfold performance settings disabled per above.
The issue is still happening. Any ideas what to do next?
Hi mmr1234,
https://cl.ly/031038474aad This code in your quick css is breaking the footer. You need to remove it or limit its action with the media queries.
The same css is affecting the sidebar widgets and is it breaks it.
Best regards,
Victoria
- You must be logged in to reply to this topic.