How can I make Sparkling theme 'responsive'?

Sparkling
1

If you take a look at this site
http://www.thelastgreatadventure.com
you can see that the text part of the page does not expand to fill the whole window. Also I can’t find out how to alter the width of the sidebar.
Could someone help me to know how to achieve both please?
So, sidebar narrower, blog page wider.

2

Hi @garyf,

Thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

.container.main-content-area {
    width: 100%;
}

@media (min-width: 992px){

.main-content-inner.col-sm-12.col-md-8 {
    width: 70%;
}
div#secondary {
    width: 30%;
}
}

Best Regards,
Movin

3

Thanks!

4

You are most welcome here :slight_smile: