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

    Hi,

    Im, working with the Responsive Layout: Fixed Layout. I changed the width of the page to 1024px in css but on mobile device it’s not being showed properly. I’m not sure what css element is responsible for general width of the site. The standard width that comes with the fixed layout option is too small for me.

    So my question, how do i properly increase/decrease width of the site with the fixed layout option enabled?

    Sincerely,

    Cyoniq

    #123437

    Hi,

    This controls the width`

    .boxed#top {
    width: 1010px;
    }
    @media only screen and (min-width: 1140px){
    .responsive .boxed#top {
    width: 1130px;
    }}
    @media only screen and (max-width: 989px) and (min-width: 768px){
    .responsive .boxed#top {
    width: 782px;
    }}
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .responsive .boxed#top {
    width: 478px;
    }}
    @media only screen and (max-width: 767px){
    .responsive .boxed#top {
    width: 318px;
    }}

    Just change them as you wish, the top 2 probably, the others are media queries for smaller screen sizes.

    Thanks,

    Nick

    #123438

    Sorry for my late reply but it did not work for me. I can only manipulate the width of the site when i change .container. I set the container to 1024 and set the viewport content width to 1100 and now it is showing the site exactly as i want.

    I just need to edit the units classes and it should all be fine i think.

    #123439

    Hi,

    You should probably visit css > grid.css for container units.

    Regards,

    Ismael

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

The topic ‘Adjust width fixed layout’ is closed to new replies.