Announcement

Collapse
No announcement yet.

Wrapper

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Wrapper

    I use the following CSS to add a wrapper around my forum:
    Code:
    #wrapper {
      max-width: 1220px;
      min-width: 320px;
      width: 100%;
    }
    
    #wrapper {
      background: none repeat scroll 0 0 #fff;
      margin: auto;
    }
    However, the white borders on the left and right side are not visible when using a mobile device. What can I add/change to get the same effect?

    #2
    Can you post a screenshot of what white borders you were referring to?
    Buy me a coffeePayPal QR Code
    My Amazon Affiliate Link
    Fast vBulletin VPS Host:
    This site is hosted by IONOS

    Comment


      #3
      On desktop, marked in red on left and right side: https://i.imgur.com/KBEFYon.png
      On mobile, white borders are not there: https://i.imgur.com/e6Opk0l.png

      Comment


        #4
        Try this:

        Code:
        .l-small #wrapper {
            padding: 0 10px;
            box-sizing: border-box;
        }
        Buy me a coffeePayPal QR Code
        My Amazon Affiliate Link
        Fast vBulletin VPS Host:
        This site is hosted by IONOS

        Comment


          #5
          That did the trick! Thanks!

          Comment

          Latest Posts

          Collapse

          Working...
          X
          Searching...Please wait.
          An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

          Please push the back button and reload the previous window.'
          An unexpected error was returned: 'Your submission could not be processed because the token has expired.

          Please push the back button and reload the previous window.'
          An internal error has occurred and the module cannot be displayed.
          There are no results that meet this criteria.
          Search Result for "|||"