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

[kashco]

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

[Dan-From-Ryviu]

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 

<style>
// wrap code here
</style>

[kashco]

No it didn't work. 

[Dan-From-Ryviu]

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

<style>
.product__modal-opener--image .product__media-toggle {display: inline-flex ;} .product__modal-opener.product__media-icon {display: inline-flex ;}
</style>

[kashco]

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 

[kashco]

Solved issue 7. Thanks