The "View all" text has disappeard a little bit, how do I fix this?

Store Design
, , , , ,

Topic summary

A user is experiencing a CSS issue on their Shopify store (onecap.se) where “View all” text has shifted or disappeared.

Initial Problem:

  • The “View all” text display was problematic (specific issue unclear from context)

First Solution Attempt:

  • Dan-From-Ryviu provided CSS code to add to the theme.liquid file
  • This partially resolved the desktop issue but created a new problem

New Issue:

  • The fix caused the “View all” text to drop down on mobile devices
  • Screenshot provided showing the mobile layout problem

Proposed Mobile Fix:

  • suyash1 suggested a media query targeting screens with minimum width of 750px
  • Code includes margin-top: 0px !important for the .view-all element
  • Dan-From-Ryviu followed up requesting a code update

Status: The discussion appears ongoing as the mobile responsiveness issue is being addressed with CSS adjustments.

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

www.onecap.se

Skärmavbild 2023-11-25 kl. 01.53.10.png
Skärmavbild 2023-11-25 kl. 01.53.10.png726×414 6.45 KB

2

Hi @OneCap

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code after tag

Screenshot_3.jpg
Screenshot_3.jpg774×336 6.62 KB

1 Like
3

Thanks, but now the “view all” text has been dropped down a little bit in mobile view…

IMG_3172.JPG
IMG_3172.JPG1008×1792 78.4 KB

4

@OneCap - try this

@media screen and (min-width:750px){
.view-all{margin-top: 0px !important;}
}
5

Please update code
1 Like