Docs

[Ben Horle]

https://www.sussexchef.com/bens-blog/

Hi my side bar is not behaving as it should in mobile. It appears along side the posts as it would only desktop which makes the posts really long and thin and unreadable.
I guess this could be a problem with my css in my functions file in my child themes folder?(looking for a little education here if not too cheaky)

Thanks

Ben

[Ben Horle]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! You are using 60% width for the content, you can increase this to get expected result – http://prntscr.com/d2gwgi

I have increased this to 74% from Customize > Layout and Design > Content Width (%) and it looks fine now. You can adjust this if needed.

Cheers!

[Ben Horle]

Hi.
Thanks for your help.

I have cleared the cashes and still get this view. I was sort of expecting the sidebar to appear before or after the posts for mobile. A little like when cornerstone reorganises content for mobile. Is this possible?

[Christian]

You have this code in your CSS

.x-main {
    float: right!important;
}

Please remove it or put inside a media query.

Thanks.

[Ben Horle]

Thanks

I took it out, when you say “put it in my media” how and where would I go about this please?

Thanks for your help

Ben

[Christian]

Add it like

@media (min-width: 980px) {
.x-main {
    float: right!important;
}
}

For more details about media queries, see http://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks.

[Author]

Posts