› ›

spacing in pages (mobile)

digital wizardsdigital wizards
in Busiprof
Hi,

Is there a was to have less spacing on mobile? (see attachment)
image.png
290K

Comments

  • imrazimraz
    Hi, @digital wizards

    Copy and paste the below custom CSS in your theme's custom CSS box:

    /*page content*/
    @media (max-width: 767px){
    .page-content {
        padding: 30px 0 60px;
    }}
    /*page content*/

    Let me know did it work!
  • digital wizardsdigital wizards
    Hi Imraz,

    Nope, did not work. 
  • imrazimraz
    edited August 2018
    Try this one: 

    /*page content*/
    @media (max-width: 767px){
     .page-content {
        padding: 30px 0 60px !important;
    }}
    /*page content*/

    *Decrease the value of 30 to decrease the gap more
  • digital wizardsdigital wizards
    Hi Imraz, great this worked. 

    Is it also possible to decrease it for desktop and tablet? 
  • imrazimraz
    For desktop/tablet:

    /*page content*/
    .page-content {
        padding: 34px 0 60px;
    }
    /*page content*/

    Reduce the value 34 to reduce the gap more

    Let me know did it work!
  • digital wizardsdigital wizards
    thanks this worked!
  • imrazimraz
    Glad to help you!

    You can rate us With your kind review Here

    Thanks for contacting us :)
This discussion has been closed.