HOW TO HIDE THIS ARROWS?

HOW TO HIDE THIS ARROWS? I DONT NO WHY ITS COMING

URL: https://a6b804-0a.myshopify.com/?_ab=0&_fd=0&_sc=1

2 Likes

Hi @Emiway Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.css. Search for the following CSS snippet

.section.section-blends.section-full {
    overflow: hidden !important;
}

If it helps you, please like and mark it as the solution.

Best Regards

Hello @Emiway

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.section.section-blends.section-full { overflow: hidden !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Hello @Emiway , to remove the arrows just write this below code in your CSS file.

.section.section-blends.section-full {
    overflow: unset !important;
}

Here is the result.

Feel free to reach out if you have any additional questions. If this solution is helpful, please consider liking and accepting it.
S.P

hi @Emiway

Go to Shopify Admin → Online Store ->Theme → Edit code->theme.css

Add this code in the end of the theme.css file.

body .section.section-blends.section-full {
    overflow-x: hidden;
}

Hi @Emiway , use the below code:

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

And


If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

.section.section-blends.section-full {
overflow: scroll!important;
}

I HAD WRITTEN THIS CODE BECAUSE I WANT MY DESCRIPTION TO BE SLIDABLE IN MOBILE VIEW

1 Like

Hi @Emiway ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Hope this can help :heart_eyes:

please change to it

@media screen and (min-width: 750px) {
.section.section-blends.section-full {
    overflow: hidden !important;
}
}

This will ensure that the CSS snippet only applies to desktop.

1 Like
  • Here is the solution for you @Emiway
  • Please follow these steps:

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.