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 1 year, 6 months ago.

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


    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-right {
    width: 383px;

    Please advice…

    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%.


    I do custom WordPress work!
    Contact me directly:

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

You must be logged in to reply to this topic.