Home Forums Air WordPress Theme How to keep the width of page to container's width?

This topic contains 3 replies, has 2 voices, and was last updated by  SeaTheme 1 year, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14711

    kunichang
    Participant
    Purchased

    Hi,
    When I create a Page the width will fit to the width of the browser, but I would like it to have the contents stay within the width I set for the container width from Theme option. Is it possible?

    I’ve tried to reduce the Inner wrap width, although it works but it looks bad in mobile version. I also notice if I create a post, the width stay within the container, but I have builded most of my pages with Page so I wonder if there’s a way to set it.

    Thank you!

    #14713

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    When I create a Page the width will fit to the width of the browser

    How do you create the page? By Pagebuilder? Could you leave this page url?

    I’ve tried to reduce the Inner wrap width, although it works but it looks bad in mobile version. I also notice if I create a post,

    I am not very sure “Inner wrap width” you mentioned. Could you leave this post url?

    Thanks!

    #14716

    kunichang
    Participant
    Purchased
    This reply has been marked as private.
    #14717

    SeaTheme
    Keymaster
    Purchased
    Supported

    Use the custom css for same width(1070):

    @media(min-width:768px){
    .fullwidth-wrap > .container-fluid { margin-right: auto;
    margin-left: auto; padding-left: 5px; padding-right: 5px; width: 750px; }
    }
    @media(min-width:1200px){
    .fullwidth-wrap > .container-fluid { margin-right: auto;
    margin-left: auto; padding-left: 5px; padding-right: 5px; width: 1070px; }
    }

    Use the custom css to fit mobile for inner width (70% / 80%):

    @media(max-width:480px){
    .fullwrap-inn-width-80, .fullwrap-inn-width-80.row,
    .fullwrap-inn-width-70, .fullwrap-inn-width-70.row {
        width: 100%; }
    }

    Deactivate it to off comment: https://www.dropbox.com/s/39hvucfpi6i2uoe/QQ20180309-123254%402x.jpg?dl=0

    Use the custom css to hide title “title/(edit)” :
    body.single . title-wrap {display: none;}

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!