[Resolved] CSS for content-area on Smartphones

Home Forums Support [Resolved] CSS for content-area on Smartphones

Home Forums Support CSS for content-area on Smartphones

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #915187
    HansRuedi

    I’m using “Slideout” from your library. Would you please provide CSS for the content-area on smartphones in portrait mode to give me less space (less background) on the left and right side of the content-area.

    Thanks for your help, Hans

    #915489
    Leo
    Staff
    Customer Support

    Hi there,

    Smartphones in portrait mode are tough to deal with as every phone’s a bit different.

    So just to make sure, you want to see less pink-ish background?

    Let me know πŸ™‚

    #916888
    HansRuedi

    Hi Leo,

    Yes, less background with the color value f4f3f4 after import of slideout…
    …i’ve tried:

    @media screen and (max-width: 480px) {
    .content-area {
    	margin-left: -25px; width: 120%;
    }
    }

    …what then looks like the way I’m “dreaming of” on my iPhone but really seems to be a hack πŸ˜‰

    #917973
    Leo
    Staff
    Customer Support

    Have you solved this?

    I would try something like this:

    @media (max-width: 768px) {
        #content {
            padding: 20px;
        }
    }

    Might need to find tune the breakpoint.

    #918263
    HansRuedi

    Hi Leo,

    Thanks for your support. There was only something missing…

    @media (max-width: 768px) {
        #content {
            padding: 20px !important;
        }
    }

    …now it’s solved. Thanks!

    #918605
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.