Full Width Fade Slideshow

Store Design
1

Hi! I’m having trouble getting my fade slideshow image to fill the entire width of the screen. There’s always a little sliver of white on each side of the screen. Does anybody know how I can fix this, please, as it’s really bugging me? :sweat_smile:

My website is www.shophannahlou.com and it’s the slideshow image that says Latest Articles on it on the homepage.

HannahLouSlideshow.jpg
HannahLouSlideshow.jpg2880×1573 171 KB

Thanks!

2

Hello @hannahlou

That’s the scrollbar. If you want to hide it. but it may confuse users. So that won’t be any kind of trouble.

3

Hi! I don’t think it’s the scrollbar as it’s on either side of the fade slideshow. As you can see, the fade slideshow joins on to the blog component which is full-width, but the slideshow is a few mm off on each side :thinking:

4

Just follow below mentioned steps to fix this.

  1. Go to admin > Online store > edit code of theme.

  2. In code directory, find the file named “section-featured.blog.css” and open the file.

  3. Copy below given code and paste this code at the end of above mentioned file.

@media (max-width: 749px) {
  .blog__posts.articles-wrapper {
    column-gap: 20px;
  }
}
  1. Don’t forget to save the file after making changes.

Hope this works best for your issue.

You can contact anytime, Just DM !

5

Thank you! It didn’t work, unfortunately :pensive_face:

6

On my window, i can’t see any white space on both edges of section.
Can you please provide the actual screenshot after making changes ?