Jump to content

Make my banner full bleed on MOBILE ONLY

Recommended Posts

Site URL: https://www.bnkservices.com.au

Hi,

How can I make my banner full bleed on my mobile only? I don't want it to be full bleed on my computer version.

When I change the computer version to full bleed the mobile version looks good and to the edges but the problem is i only want it full bleed on my mobile since I like the shorter design photo on my computer.

 

is there any code that can help me achieve this?

 

thanks

Screenshot 2021-10-20 212822.png

Screenshot 2021-10-20 212806.png

Link to comment

Hey @stevenu try to add next code in Custom CSS:

@media screen and (max-width: 1024px) {
  .user-items-list-banner-slideshow[data-layout-width="full"] .slideshow-gutter {
    padding-left: 0;
    padding-right: 0;
  }
}

 

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.