Lifestyle Pro responsive width adjustments

Community Forums Forums Design Tips and Tricks Lifestyle Pro responsive width adjustments

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Lauren @ OnceCoupled 6 months, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #103228

    MortenK
    Member
    Post count: 34

    I have a problem with the responsiveness after changing the width of the theme and removing padding.
    What I am trying to do is to make the theme 1170 px wide and remove the padding. That should give me 102px which I would like to add to the content area. On the desktop it looks fine, but not on Ipad/Iphone.

    I guess I have to make adjustments to the @media queries, but I don’t know what to adjust.
    Can someone please advice med?

    These are my changes in the CSS:

    .site-container {
    background-color: #fff;
    box-shadow: none;
    margin: 32px auto;
    padding: 0px;
    max-width: 1170px;
    }

    .wrap {
    max-width: 1170px;
    }

    .content-sidebar-sidebar .content-sidebar-wrap,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-sidebar-content .content-sidebar-wrap {
    width: 970px;
    }

    .content {
    width: 802px;
    }

    .home-bottom-left,
    .home-bottom-right {
    width: 383px;
    }

    Please advice…

    https://bykildahl.com/blog/
    #103240

    Lauren @ OnceCoupled
    Member
    Post count: 641

    Presumably you would go into the media queries and change the same selectors that you have changed above, making sure their widths and margins add up to the correct width. At 767px you probably just want to make their widths 100%.

    Best,
    Lauren


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

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

You must be logged in to reply to this topic.