- This topic has 10 replies, 2 voices, and was last updated 5 years, 8 months ago by
.
Is there a simple way to add some padding for the website on mobile only?
Thank you!Hi @a2nl2enyc,
Thank you for your questions.
Yes you can achieve it by using Yellow Pencil Editor in Responsive Mode as described in the following pages.
https://waspthemes.com/yellow-pencil/documentation/#responsive-tool
https://support.shufflehound.com/how-to-change-almost-any-element/
Best regards,
Shufflehound teamoops, I’m noticing that on monitor there is no margin either. Is there a quick css code that I can add: 5px to monitor, 2px to mobile that won’t conflict with the theme?
Thank you!I’ve tried this custom css to no avail. please help.
.home page-template-default page page-id-793 sh-body-header-sticky sh-bookmarks-style_title sh-transparent-everything sh-carousel-style1 sh-carousel-position-title sh-title-style1 sh-post-categories-style1 sh-review-style1 sh-meta-order-bottom sh-instagram-widget-columns2 sh-categories-position-title sh-media-icon-style1 sh-wc-labels-off wpb-js-composer js-comp-ver-5.5.2 vc_responsive
{
margin-top:-150px;
width: 98%!important;
min-width: 98%!important;
max-width: 98%!important;
padding-left: 45px!important;
padding-right: 45px!important;}.container
{
margin-top:-150px;
width: 98%!important;
min-width: 98%!important;
max-width: 98%!important;
padding-left: 45px!important;
padding-right: 45px!important;}Could you please tell me exactly where you want to add margins by sharing screenshot of it and also share me your site URL so that I can help you to achieve it?
yes, I’m sorry, annfarmer.com
Also if the client doesn’t want a header image, is there a way to remove that space up top?
Thank you for your help and support!Solution for this topic
As requested above could you please tell me exactly where you want to add margins by sharing screenshot of it?
You can remove top margin by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
body div#page-container { margin-top: 10px; }Thank you the css for removing the extra space on top. As for the margins at annfarmer.com., the last screenshot shows that there are none left and right on a monitor when the window is reduced to about 1200p pixels. In the new screenshot is a mobile emulator screenshot and my client concurs that there is no left or right margin on mobile. Is there a way to add margins in both cases?
Thank you so much!Solution for this topic
You can add padding to the content using below CSS code.
#content { padding-left: 20px; padding-right: 20px; }super,Thank You!!!!
You are most welcome here 🙂
