Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 11, 2016 at 2:16 am #596646
    paigebattcher

    Hi guys, HUGE FAN of your theme. I’m interested in having “large” or even “huge padding” on the “color sections” on desktop screens. But, on mobile that’s simply too much scrolling. I’d like to have “small padding” on mobile devices. Is there a solution for this? Thanks!

    March 11, 2016 at 8:50 am #596757
    Vinay

    Hi paigebattcher!

    Thank you for the kind words :)

    This works if you select huge paddings on desktop and want to reduce on tablets please use the below css

    feel free to adjust 50px as required for your design.

    
/* Reduce color section paddings*/
@media only screen and (max-width: 767px) {
.avia-section-huge .content, .avia-section-huge .sidebar {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}
}

    Best regards,
    Vinay Kashyap

    March 11, 2016 at 8:28 pm #597025
    paigebattcher

    You guys are seriously AWESOME!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Can you have "Large Padding" on desktop and "Small Padding" on mobile?’ is closed to new replies.