magazine no right margin in mobile

Community Forums Forums General Discussion magazine no right margin in mobile

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  aliarts 11 months, 3 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #49623

    Nomad
    Participant
    Post count: 27

    Hi….. This is a problem with the theme and for the life of me i cannot repair it. The content area in the magazine home page on resize has no right margin and even looses a few letters. I have added all classes i can think of and divs to the responsive area in the css but the issue will not resolve. the magazine theme demo has the same problem…..hope someone can help here pls ……Brad??

    Then just a FYI for anyone using footer widgets on this theme you will need to add “#footer-widgets” to the media section to get them to behave….

    tks

    #49627

    Nomad
    Participant
    Post count: 27

    For those interested in repairing the home page responsive issue in the magazine theme…..i have found the following to work. Add this to the responsive css section

    .content-sidebar #content,
    .sidebar-content #content {
    box-sizing: border-box;
    width: 95%;
    padding:0 0 0 5px;
    }

    and then remove the above classes from the 100% section …the theme also looks much better if you justify the p

    If anyone else has a better solution i would appreciate it……..

    tks

    #71212

    aliarts
    Participant
    Post count: 1

    This didn’t work for me so after much messing around I added the following two lines of code:

    width: 90%;
    float: right;

    In here:

    .archive-page,
    .content-sidebar #content,
    .content-sidebar #content-sidebar-wrap,
    .content-sidebar-sidebar #content,
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .full-width-content.magazine-landing #content,
    .full-width-content #content,
    .full-width-content #content-sidebar-wrap,
    .home-bottom,
    .home-left,
    .home-middle,
    .home-right,
    .home-top,
    .magazine-landing .wrap,
    .sidebar,
    .sidebar-content #content,
    .sidebar-content #content-sidebar-wrap,
    .sidebar-content-sidebar #content,
    .sidebar-sidebar-content #content,
    #content-sidebar-wrap,
    #footer .wrap,
    #header,
    #sidebar-alt {
    box-sizing: border-box;
    width: 90%;
    float: right;
    }

    It’s not perfect, but much better. If anyone else has a better solution I too would appreciate it.

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

You must be logged in to reply to this topic.