Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 20, 2019 at 4:44 pm #1056180
    heavyman

    hey folks,

    just a little sunday question;-))
    I launched a new website with the blocked layout (link in private). On Tablets there are margins left and right which reduce the main container (see pic 1).
    At 990px breakpoint the margins disappear and the main container has full width (see pic 2). So what i like to achieve is to remove the margins earlier – lets say from 1150px on so that we can have more container space on typical tablet resolution eg. iPad pro.
    Can you provide some css for that – this would be very nice;-)

    Thanx and have a nice sunday.
    heavyman

    January 20, 2019 at 6:10 pm #1056223
    Mike

    Hey heavyman,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (min-width: 768px) and (max-width:1150px) {
    .responsive body.boxed#top,.responsive.html_boxed.html_header_sticky #top #header,.responsive.html_boxed.html_header_transparency #top #header {
        max-width: 100% !important; 
    }
}

    Best regards,
    Mike

    January 20, 2019 at 6:18 pm #1056228
    heavyman

    Hi Mike,

    works perfect – thanks!

    nice rest sunday;-)
    heavyman

    January 20, 2019 at 7:14 pm #1056254
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Remove margins in Blocked Layout on Tablet’ is closed to new replies.