Sinatra Theme – Slider Not Full Width

Hi @steffrose16!

There are some CSS codes we cannot overwrite from our end, like overflow:hidden; can hide parts of your website. Could you send me a link to your published slider? Then we could tell which theme or other CSS code needs modification!

Also, we have a child theme documentation:
https://smartslider.helpscoutdocs.com/article/2073-sinatra-child-theme
which could help publishing your slider in Sinatra theme, if you would want the slider under the top menu.

• This reply was modified 4 years ago by Gabor.

On your slider I can see some paddings on the Slide element:
https://smartslider.helpscoutdocs.com/article/1724-slide
So as you see here, they will be on the sides:

Those should be removed.

Or use the Slide to hold your background color, and not the Content layer:
https://smartslider.helpscoutdocs.com/article/1810-content-layer
because the slide is the element, which is the main parent of everything.

The problem with your code is that it addresses the “home” class, which only appears on your homepage. On this page you should only use:

body div#primary{ 
margin-bottom: 0px;
}

You could go to our slider’s Developer tab:
https://smartslider.helpscoutdocs.com/article/1806-slider-settings-developer
and insert the code into the CSS field. That way your CSS code will only appear on this one page, where the slider is published.