Full width home page

Add the below code in your stylesheet.

.row.full-width {
    width: 80%;
    margin: 0 auto;
}

Hi,

Poonam Namdev

The above code works perfectly & also i would like to reduce the width of site logo & navigation menu items too

Thanks

Do you want to reduce the width for a particular page or whole site? Please let me know. If you are able to post your site URL please do.

Hi,

i would like to reduce the width the whole site and currently i am developing the site in localhost so won’t able to post the URL at the moment

Thanks

Add this code, it will solve your problem.

.site-navigation-inner.col-sm-12 {
    width: 80%;
    margin: 0 auto;
    float: none;
}

Hi

Thanks the above code works fine ??

cheers !!!

Hi Poonam,

I hope you are well today and thanks for helping out here in this forum.

Your help here is really appreciated.

Just to add here you can use the custom CSS code 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

Thanks,
Vinod Dalvi