Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

List gallery buttons still visible on mobile when set to OFF


Recommended Posts

Hi there, 

I'm having issues with a new list block on mobile that I'm using on my website. I'm using the list content block shown below that allows you to integrate a carousel with multiple cards to scroll through. 

image.png.8d3daea18e3fe9a18f0bd723c0b19a86.png

 

Within our design, we only have 1 card with a content block centered over the background image, basically just using the content block to display a single image with copy over top. Within the content section, I have turned off the navigation arrows since there's only 1 single card to display, and on desktop it works as expected. However, on mobile, you can still see the navigation arrows on the tile, even with the navigation turned off in the options (see below). 

image.thumb.png.21ad72cc98c8d8a7536d89583d5fc5d3.png

image.png.448776aa9d0dee73f0524b95858ba34b.png

 

Any recommendations on why this may be occurring? Is this just a bug within the content bucket or is there some custom CSS I can add to the site in order to remove those buttons? From a UX perspective, when you click on them nothing happens so I'm not too concerned about them ruining the experience. I just want them removed since it may cause some confusion for the user and it doesn't look as clean. 

Thanks for your support!

Link to comment
  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

Hi,

Desktop-Mobile uses different arrows, maybe the option affect desktop arrows only.

Can you share link to page where you added list? We can give some code to remove both.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
6 hours ago, Vonlex said:

Thank you! I am currently using this block on our homepage found here - https://flatworm-pepper-6llr.squarespace.com/

It's the section titled "Our Goal" within the purple content block overlapping the lettuce background image. The carousel lower on the page is fine and works as intended. 

Hi. Your site is private. You need to setup password & share url again

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 8/26/2021 at 1:59 AM, Vonlex said:

Hey @tuanphan - I have the site behind a password wall now. Am I able to DM you the password in order to grant you access?

If you don't want to share password public, you can send me a message

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
19 hours ago, Vonlex said:

Hey @tuanphan - I DM'd you the password, however we pushed the site live yesterday. Feel free to visit sunspringfarms.ca directly for the issue in this thread. 

Hi,

You mean this slide section?

Committed to Calgary

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
16 hours ago, Vonlex said:

@tuanphan Please see the image below. This is content block I'm referring too. On desktop it works fine, but on mobile it still shows the arrows to goto the next slide, even though I only have 1 slide in the block. 

image.thumb.png.3781c7129b20adc3f1bde1815ffd3ced.png

Add to Design > Custom CSS

/* Hide list section arrows mobile */
body.homepage .mobile-arrows {
    display: none !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...

Create an account or sign in to comment

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


×
×
  • Create New...