text cut off on desktop

Store Design
, , , , , ,

Topic summary

A Shopify store owner reports text being cut off below the filter section on their collection page (vazluxe.com/collections/bags) when viewed on desktop.

Proposed Solutions:

Two users offered similar CSS-based fixes:

  • Solution 1: Add custom CSS code in the theme.liquid file, positioned above the closing </body> tag
  • Solution 2: Insert CSS code in theme.liquid before the closing </head> tag

Both approaches involve:

  1. Navigating to Online Store → Edit Code
  2. Locating the theme.liquid file
  3. Pasting provided CSS code at the specified location

Note: The actual CSS code snippets appear corrupted or encoded in the responses, making the specific styling changes unclear. Screenshots were referenced but content is not readable in the thread.

Status: Solutions proposed but not yet confirmed as implemented or effective.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Hi,

The text is below the filter on desktop and I need to fix. MY site is : https://vazluxe.com/collections/bags

Screenshot 2024-09-05 160355.jpg
Screenshot 2024-09-05 160355.jpg2823×533 27.2 KB

2

Hey @Luxurymrkt

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1725567308168.png
Moeed_0-1725567308168.png1738×878 135 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @Luxurymrkt ,

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

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

Thanks!