Okay
  Public Ticket #1398247
Responsive Setting
Closed

Comments

  • Christopher started the conversation
    December 10, 2017 at 9:37pm

    I'm trying to adjust the mobile responsive setting on my site globally. It seems that the default setting of the theme adds an extra padding of ~20px on both right and left of the content.  I want to reduce this to about 5px right and left of content.

    How can I change this globally?

  •  9,016
    Tahir replied
    December 11, 2017 at 2:14pm

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  • Christopher replied
    December 11, 2017 at 3:05pm

    TransformQA.com -- I would like the text and content on mobile to hug the page like the CNN page (attached). A CSS fix would be ideal if possible.

  •  9,016
    Tahir replied
    December 12, 2017 at 1:43pm

    Hey Again,

    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 (max-width: 690px) and (min-width:360px) {
    .container, div.slider-nav, .post-area.standard-minimal.full-width-content article.post .inner-wrap {
        max-width: 360px!important;
    }
}

    Thanks

    ThemeNectar Support Team