How to reduce the mobile paddings

  • Resolved kwk

    (@kwakok)


    2 years, 3 months ago

    This theme is a great theme. My discomfort about the theme is the big mobile padding on the left and on the right, and also the big space between the page title and the content. I would like the mobile visitors to have a good view of the site’s content. Thus it has become a priority to reduce these spaces. I tried following some topics to access help but the CSS codes made available on those topic pages were not working for me. Any help?
    Thanks in advance

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

  • Hi,

    Thanks for contacting us,

    For this please share your website URL and also indicate a screenshot an image of which issue you face, we will check and then assist you better

    Thanks

    Thread Starter kwk

    (@kwakok)

    Please, open this url on your mobile to see the big side paddings and the big space above the content.
    https://forumafrica.net/topic/which-one-is-stronger-leopard-or-hyena/

    Hi,

    It’s working perfectly on our end can you please indicate with a screenshot image

    Thread Starter kwk

    (@kwakok)

    The theme is working perfectly, yes. But I only want to reduce the left and right paddings to make the content space bigger.
    If you view the page on a mobile device, you see that the left and right paddings are big, making the content space smaller. I need help to make the content space bigger.

    • This reply was modified 2 years, 3 months ago by kwk.

    Hi,

    For this add the below css code in additional css filed (Theme Dashboard >> appereance >> customize >> additional css filed)

    @media screen and (min-width: 240px) and (max-width: 1179px)
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
}

    Any confusion lets know

    Thanks

    Thread Starter kwk

    (@kwakok)

    Thanks for the code. But upon using it, it did not work.

    Hi,

    For this add the below CSS code in the Additional CSS field 

    @media screen and (min-width: 240px) and (max-width: 1179px)
.mg-card-box.padding-20 {
    padding: 0;
}
}

    Any confusion lets know

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to reduce the mobile paddings’ is closed to new replies.