Is there a way to make the body text in Salient, especially in Blog posts, full width on mobile? At the moment, there is too much padding on the left and right in the mobile view and it is making everything very cramped, especially photographs because they are constricted width-wise. Is there CSS I can add to make the body full width on mobile?
I am currently still building the website, and as such I cannot give you a URL at the moment. Is it possible to just create a general CSS code that will enable the body text to be full width on mobile? I didn't customize the theme much so it should be similar to any other website that uses the Salient theme.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) {
.container, div.slider-nav, .post-area.standard-minimal.full-width-content article.post .inner-wrap {
max-width: 360px!important;
}
}
Hi,
Is there a way to make the body text in Salient, especially in Blog posts, full width on mobile? At the moment, there is too much padding on the left and right in the mobile view and it is making everything very cramped, especially photographs because they are constricted width-wise. Is there CSS I can add to make the body full width on mobile?
Thanks!
Ethan
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hi,
I am currently still building the website, and as such I cannot give you a URL at the moment. Is it possible to just create a general CSS code that will enable the body text to be full width on mobile? I didn't customize the theme much so it should be similar to any other website that uses the Salient theme.
No i am afraid a generic css wont work . Try providing the url of a similar demo page instead .
Best
ThemeNectar Support Team
Hi,
I looked through the Salient theme demos and I found this URL:
http://themenectar.com/demo/salient-blog-ultimate/be-my-guest-concert/
That's probably the closest theme demo page I can find at the moment to my current blog layout.
Please do what you can! Thanks!
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) { .container, div.slider-nav, .post-area.standard-minimal.full-width-content article.post .inner-wrap { max-width: 360px!important; } }Thanks
ThemeNectar Support Team