I would like to change the font size of my announcement bar MOBILE ONLY. Desktop size is good. edensbakehouse.nl yuidri [EdensBakehouse_0-1736543373900.png]

Hi @EdensBakehouse Try this one. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your t…

Hi @EdensBakehouse You can follow this instruction: Go to Shopify > Theme > Customize Copy and paste this code on Theme settings > Custom CSS section @media screen and (max-width: 768px){ p.announcement-bar__message span { font-size: 12px !important; } } Result: [EstherBui_0-1736599…

change size announcement bar mobile only

Store Design

EdensBakehouse January 11, 2025, 6:23am 3

This also changes the size of the announcement bar for desktop.

I requested a change for MOBILE ONLY!

Topic		Replies	Views
change font size of announcement bar desktop Store Design design , customizations , troubleshooting	4	89	January 9, 2025
How can I adjust the announcement bar font size for mobile view? Store Design design , customizations , shopify-themes	5	66	May 18, 2023
Reduce Announcement Bar size in Mobile view Store Design design , header , landing-page	2	45	December 20, 2024
Change font size for announcement bar on mobile Store Design menu , design , header , landing-page	2	58	November 5, 2024
Change font size only in mobile view in announcement bar Store Design design	4	36	June 27, 2023

change size announcement bar mobile only

Related topics