Hey, can u tell me how to fix this "the elements are too much together" and "the content is wider than the screen". It works normally on all devices, but not on the Samsung Fold and apparently on older devices. I'm wondering how I can fix this because I know it affects SEO. But I believe that nobody uses these devices anymore.
It's interesting that I only have this problem on this page and nowhere else
We can add in a media query for that specific screen.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 280px) {
.container, .post-area.standard-minimal.full-width-content .post .inner-wrap, .slider-nav {
max-width: 250px;
}
}
Hey, can u tell me how to fix this "the elements are too much together" and "the content is wider than the screen". It works normally on all devices, but not on the Samsung Fold and apparently on older devices. I'm wondering how I can fix this because I know it affects SEO. But I believe that nobody uses these devices anymore.
It's interesting that I only have this problem on this page and nowhere else
Kevin
Attached files: Screenshot 2022-09-17 at 22.15.53.png
Screenshot 2022-09-17 at 22.15.21.png
download.png
Hey Again,
We can add in a media query for that specific screen.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 280px) { .container, .post-area.standard-minimal.full-width-content .post .inner-wrap, .slider-nav { max-width: 250px; } }Thanks
ThemeNectar Support Team