Sidebar width/alignment on mobile

Sparkling
1

Hi - I currently have my content at 66% width so when I view on mobile, the sidebar content end up being wider than the actual content. It views ok on small mobile devices up to 10" tablets, however when on laptops, it looks weird. Is there a way to force keep the desktop layout (sidebar content aligned right with same content width) until viewed on smaller tablet sized devices?

Thanks!

2

Hi @01labs,

I hope you are well today and thank you for your question.

You can try making the Mission section full width so that it will not display weird by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

@media (max-width: 993px){
#pg-2298-0 .panel-grid-cell {
    float: none;
    width: auto;
}
.post-inner-content {
    padding: 20px 25px;
}
}

Best Regards,
Movin

3

Thanks! Looks great!

4

You are always welcome here :slight_smile: