Comments 2ilyataran started the conversationMarch 14, 2017 at 6:21pmHello!After updating to 8.0 my one of the portfolio's pages http://www.weddingnature.com/portfolio/engagements/ is not scrolling down anymore on all devices. Also, I found that on phones with larger screen, the left and right padding is larger on all pages. Please see image attached. Would it be possible to set/control the padding size? I'd want it to be with less padding on all phones. Thank you in advance! 9,001Tahir repliedMarch 14, 2017 at 6:45pmHey Again,Please switch to the Default Page Template and use the Portfolio VC Page element instead . Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) : @media only screen and (max-width: 690px) { .container, div.slider-nav, #post-area.standard-minimal.full-width-content article.post .inner-wrap { max-width: 90% !important; } } Thanks ThemeNectar Support Team 2ilyataran repliedMarch 14, 2017 at 7:20pmThank you, Tahir!When I use this code you provided, all rows that are full width have big padding on the right. Please see images attached. 9,001Tahir repliedMarch 14, 2017 at 7:27pmHey Again,I am afraid with Adaptive Image Sizing the gaps can be removed. Be.st ThemeNectar Support Team 2ilyataran repliedMarch 14, 2017 at 7:37pmSorry, Tahir, didn't get what should I do? This padding also appears on the NEXT image on the blog at the end of each postThank you! 9,001Tahir repliedMarch 14, 2017 at 7:43pmHey Again,Try adding this : Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) : @media only screen and (max-width: 690px) { .container, div.slider-nav, #post-area.standard-minimal.full-width-content article.post .inner-wrap { max-width: 90vw!important; } } Thanks ThemeNectar Support Team 2ilyataran repliedMarch 14, 2017 at 7:59pmNow worked!!! THANK YOU!!!! Sign in to reply ...
Hello!
After updating to 8.0 my one of the portfolio's pages http://www.weddingnature.com/portfolio/engagements/ is not scrolling down anymore on all devices.
Also, I found that on phones with larger screen, the left and right padding is larger on all pages. Please see image attached. Would it be possible to set/control the padding size? I'd want it to be with less padding on all phones.
Thank you in advance!
Hey Again,
Please switch to the Default Page Template and use the Portfolio VC Page element instead .
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 690px) { .container, div.slider-nav, #post-area.standard-minimal.full-width-content article.post .inner-wrap { max-width: 90% !important; } }Thanks
ThemeNectar Support Team
Thank you, Tahir!
When I use this code you provided, all rows that are full width have big padding on the right. Please see images attached.
Hey Again,
I am afraid with Adaptive Image Sizing the gaps can be removed.
Be.st
ThemeNectar Support Team
Sorry, Tahir, didn't get what should I do? This padding also appears on the NEXT image on the blog at the end of each post
Thank you!
Hey Again,
Try adding this :
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 690px) { .container, div.slider-nav, #post-area.standard-minimal.full-width-content article.post .inner-wrap { max-width: 90vw!important; } }Thanks
ThemeNectar Support Team
Now worked!!! THANK YOU!!!!