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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14711
    kunichang
    Participant
    Purchased
    Expired

    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
    Expired

    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
    Expired
    This reply has been marked as private.
    #14717
    SeaTheme
    Keymaster
    Purchased
    Expired

    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.