I have created a custom section for my Shopify store, but I’m facing some issues and would appreciate feedback and improvements. Specifically, I’m looking for help with the following:

I’m working on a custom section in my website where I need to position a blue background element within a section. However, I’m encountering an issue where the blue background component overflows the section and affects the layout of subsequent sections.

I’m working on a slideshow component where I need to implement navigation circles directly on each slide. Currently, I have navigation arrows (prev and next buttons) working correctly, but I’m struggling to integrate navigation circles that correspond to each slide.

I’m working on a custom section for a website where I have a .container-wrapper element containing text and multiple images. The container is supposed to have overflow: hidden; to prevent overflow issues. However, the images inside .images-wrapper are still overflowing the container’s bounds.

I’m working on a Shopify website and I’m having trouble with the styling and positioning of the slide indicator circles that show which slide the user is on. Below is the relevant Liquid and CSS code for the slider controls:

I’m facing a problem with the styling of the header in a section of my Shopify website. The header is not displaying as expected. Below is the code I’m using for the header and its styling:

I’m working on customizing a Shopify theme, and I’m having trouble centering the navigation arrows vertically in a slideshow section. The arrows are currently not aligned correctly, and I want them to be in the middle of the slideshow height. Here is the relevant Liquid and CSS code for the section I’m using:

I have a custom section on my Shopify website where I display a title, text, and images. The HTML structure includes specific styles and a JavaScript function that renders text in a circular pattern. Here’s my Liquid code of my custom component:

I’m working on a Shopify store and need help implementing a product grid using Shopify Liquid and JavaScript. Here are the specific requirements:

I’m working on a custom section for a Shopify website where I have a specific layout requirement. However, I’m facing issues with the positioning and alignment of elements within the section. Below is the code of my section: