Hi community! Managed to change the colour for the desktop site using this code: .header__primary-nav-item[data-title=“Sale”] { color: red; } But it won’t change on the mobile site. Also, I would like to increase the font-size of just the header text on desktop. Somebody please help me, I’ve …

Hello @afwanfhaider You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid @media screen and (max-width:767px){ .header-sidebar__scroller li:last-child { color: #ff0000 !important; } .…

Hello @afwanfhaider You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid @media screen and (min-width: 990px){ #shopify-section-sections--20237087506767__header li.header__primary-nav…

Change 'Sale' menu item to Red on Mobile - Prestige theme

Store Design

afwanfhaider January 11, 2024, 8:50pm 3

Hi @niraj_patel

Thank you for your solution! The color change worked, but I wanted to change the desktop font-size, not the mobile.

Any suggestions?

Much appreciated!

Topic		Replies	Views
Increase font-size for menu items in header only - prestige theme Store Design menu , design , header , customizations , css , shopify-themes	1	23	January 12, 2024
How can I increase desktop font size without altering mobile view? Store Design design	11	91	June 7, 2023
Shopify Turbo Theme Header Size For Mobile Store Design	8	46	March 16, 2021
How can I increase font size on desktop without affecting mobile view? Store Design	5	46	August 20, 2022
Adjust the font size of the entire site on mobile devices｜Savor Theme Store Design design , customizations , css , shopify-themes , html	6	107	August 11, 2025

Change 'Sale' menu item to Red on Mobile - Prestige theme

Related topics