How can I make Sparkling theme 'responsive'?

If you take a look at this site
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.

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,


You are most welcome here :slight_smile: