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  BWSM 9 months, 1 week ago.

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

    kunichang
    Participant

    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

    BWSM
    Keymaster

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

    BWSM
    Keymaster

    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!