Skip to product information
1 of 1
Published:2024.12.31

An example of how to adjust the left and right navigation buttons on desktop screens to make them easier to click when displaying the featured collections in the Shopify theme "Rise/Dawn" in a carousel style.

An example of how to adjust the left and right navigation buttons on desktop screens to make them easier to click when displaying the featured collections in the Shopify theme "Rise/Dawn" in a carousel style.

Applications

  • Collection information management and editing

How to implement

  • HTML/CSS
View full details

The featured collection is very often used in the Rise/Dawn theme, but when you enable "Enable carousel on desktop," the left and right navigation buttons on the carousel are a little small, so we sometimes receive requests to make them larger.
Therefore, to allow users to browse products on a desktop screen without stress, we have enlarged the clickable area and placed left and right scroll buttons on the product list so that users can immediately see that they can move left and right.

◆ Benefits of implementation ・Increased click area improves user navigation ・Provides a stress-free product browsing experience ・More comfortable product display on desktop screens ・Improved usability without compromising design

◆Specific steps: Add custom CSS to the featured collection section


An example of how to adjust the left and right navigation buttons on the desktop screen to make them easier to click when displaying the featured collections in the "Rise/Dawn" theme in carousel style.


[How to set it up] Set custom CSS for the featured collection section


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Set custom CSS for featured collection section

Related Post