Okay
  Public Ticket #1347423
Responsive padding
Closed

Comments

  • granthenderson started the conversation
    October 25, 2017 at 10:53pm

    Hello, I've applied padding in the custom CSS to narrow the column on my posts. This displays well on desktop, but the column is too narrow, and left aligned, on mobile. 

    Please see this link: http://ourfamilytravels.freerangemediatestsite.xyz/heartfelt-traveller/tania-from-little-italian-school/

    I have tried some @media tags in CSS to fix this, but I can't seem to fix this. Could you please help? 

    Thanks

    Grant

  •  9,016
    Tahir replied
    October 26, 2017 at 10:54am

    Hey Grant,

    You have to set a min-width media query so the padding only works on screen size higher than the min-width . 


    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (min-width: 690px) {
    .post-content {
        padding-left: 130px!important;
        padding-right: 130px!important;
        padding-bottom: 100px!important;
    }
}

    Thanks

    ThemeNectar Support Team 

  • granthenderson replied
    October 26, 2017 at 8:43pm

    Many thanks, Tahir - your support is fantastic.