Home Page, Menu Arrows, Image banner buttons and other buttons

Store Design

Topic summary

A user is troubleshooting multiple design issues on their Shopify store and seeking customization help across several areas:

Resolved:

  • Issue #7 (disabling collections page view) has been solved.

Ongoing Issues:

Code Display Problem: Specific CSS code is appearing at the bottom of every page and needs removal.

Footer Customization: User wants to add “Follow us online” text above social icons and remove extra spacing/faint line above copyright.

Header Menu: Dropdown arrows are overlapping text in desktop view instead of appearing to the right.

Image Banner: Needs repositioning of “new arrivals” text and center-aligned buttons for desktop and mobile views.

Collections Page: Collection titles have turned white and are invisible.

Product Page (Priority):

  • Requesting image slider functionality for products with multiple images, regardless of variants
  • Seeking guidance on optimal image upload sizes for product grids
  • Description has unwanted white space between bullet points
  • Recommended products section needs full-width display with larger cards on desktop

A helper provided CSS wrapping solution for issue #1, but the user reports it didn’t work. Issue #6 (image slider) remains the primary outstanding request.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone !

I have some queries kindly which I’d appreciate some help:

1. This code is appearing on every page at the bottom: How to remove it:

**.**product__modal-opener–image .product__media-toggle {display: inline-flex ;} .product__modal-opener.product__media-icon {display: inline-flex ;}

2. Footer Menu:

  • I want to add follow us online text above the social icon (in both views)
  • There is extra space above the copyright and faint horizontal line (how to get rid of that).

3. Header Menu:
- The dropdown arrows should appear to the right of the text. It is overlapping in desktop version

4. Image Banner:
- Place the new arrivals higher and place the buttons center to each image (desktop view)

  • Place new arrivals higher and place buttons (center each image).

5. Collections Page:
- The title of collection seems to have become white and not visible. Please help me fix this too.

6. Product Page:
- I did manage to add thumbnails to each product but I want a slider feature if the product has multiple images (irrespective if it has variants).
https://kashco-interiors.myshopify.com/products/kashan-carpet

  • How can we know what size of image to upload so that the image fits exactly to the product grid and image.
  • Also the description seems to leave some white space between the bullet points:
  • The recommended products section: Make it full width of window in desktop and make the cards larger/wider to fit the window in desktop view.

7. Disable this page from viewing: https://kashco-interiors.myshopify.com/collections

1 Like
2

Hi @kashco

  1. Go to your store admin > Sales channels > Online Store > Themes > Edit code > open theme.liquid file, find and remove that code or wrap it into this
3

No it didn’t work.

4

Did you wrap this code into style tags so it should like this?
1 Like
5

Please help with issue 6. For example, I want to show for products with many variants or if a product with no variant has many angles or views

6

Solved issue 7. Thanks