Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 10, 2014 at 4:54 am #289310
    inthaiguy

    Can anyone suggest a way to reduce the left and right margins on a Page in the narrowest mobile view? (Large views are fine) I’m using Royal Slider and I’d like to extend the slider to the full width of the smallest mobile view.

    Example:
    Left / right margins

    July 10, 2014 at 5:19 pm #289619
    Yigit

    Hey inthaiguy!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    @media only screen and (max-width: 480px) {
.responsive .container { width: 360px; }}

    Best regards,
    Yigit

    July 10, 2014 at 6:29 pm #289669
    inthaiguy

    Yigit, really appreciate that! Worked great, only wish I knew my CSS a bit better.
    Image
    Great fix for the page borders / padding issue for center container on small mobile screens.

    July 10, 2014 at 6:32 pm #289671
    Yigit

    Hey!

    There are many great tutorials on the internet and you can always refer to w3schools – http://www.w3schools.com/css/
    I am marking this thread as resolved, let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mobile View: Reducing the right and left margins on the mobile size.’ is closed to new replies.