magazine no right margin in mobile

[Nomad]

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

[Nomad]

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

[aliarts]

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.

[Author]

Posts