Okay
  Public Ticket #3009427
Change mobile margins
Closed

Comments

  • oliviermaria started the conversation

    Hello, 


    How can I easily reduce the margins on mobile ?

    Thanks a lot,

    Olivier

  •  279
    Noah replied

    Hello Olivier,

    Thanks for getting in touch.

    Please try the following css:

    media only screen and (max-width: 690px)
    .swiper-container {
    margin: 0px 10px;
    }
    

    Thanks.

  • oliviermaria replied

    Thanks for your answer !


    It looks like it changes nothing :'(

    I have an Iphone 11 pro max.


    Any idea ?


    Thx,



  •  8,839
    Tahir replied

    Hey Again,

    I am afraid it's not possible to change the mobile margins for a specific row. If you wish to make the Row Full-width you will have to use the Row Settings.

    Thanks 


    ThemeNectar Support Team 

  • zomewhere replied

    Same problem, how to reduce left and right margins in mobile :(

  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 690px) {
        .container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap {
            max-width: 95% !important;
        }
    }

    Thanks


    ThemeNectar Support Team