Reduce left and right content margin mobile

Home › Forums › Jevelin Theme › Reduce left and right content margin mobile

Home › Forums › Jevelin Theme › Reduce left and right content margin mobile

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    NOT RESOLVED Posts

  • ddewit
    Participant

    Hi! Can you tell me how I can reduce the left and right content margin on only mobile display. So images ar shown bigger, and logo and menu icon are placed more to the side. See visual attached.

    This is for all pages displayed on a iphone, for instance:

    http://www.leem-stukadoor.nl/
    http://www.leem-stukadoor.nl/projecten/

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @ddewit,

     

    I hope you are well today and thank you for your question.

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    @media (max-width: 900px) {
#page-container .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 5px !important;
}
}

     

    Best regards,
    Shufflehound team

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)