How to reduce margin space in mobile layout

  • Thanks for this beautiful theme, can I know how to reduce left and right margin space in mobile theme of my site.

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hey

    Can you give the adress/URL off the site, that will help a lot in answering ??

    Thread Starter uday45

    (@uday45)

    Here is my site url https://www.newtechway.com
    I want to reduce the space little bit more. So pls help me.

    Hey

    In your “Additional CSS”, you will find it in your control panel under (Appearance-Customize-Additional CSS)

    You will add this to control the width off your mobile margins:

    .entry-content p,
    .entry-summary p,
    .comment-content p,
    .mu_register p {
    margin: 0px 0px 20px;
    }

    Changing the “bolded” will change your left and right margin
    margin: 0px 0px 20px;

    Best regards
    Michael

    Thread Starter uday45

    (@uday45)

    Hi, Thanks for your reply.
    I have changed bolded to -15, it only reduced post content margin but remaining things like post titles,search bar and meta are not changing.

    Hey

    Take the other code out and replace with this:

    @media screen and (max-width: 440px) {
    .site {
    padding: 0 10px;
    }

    Change the 10px; to what you want ??

    Thread Starter uday45

    (@uday45)

    Thank you, it has worked,
    I have added extra bracket

    @media screen and (max-width: 440px) {
    .site {
    padding: 0 1px;
    }}

    • This reply was modified 7 years, 3 months ago by uday45.

    sorry i missed that }}

    Michael
    a3-seo.dk

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to reduce margin space in mobile layout’ is closed to new replies.