How to adjust font size of announcement bar and Header on Mobile (Dawn scheme)

jessica_0430
Excursionist
56 0 7

hi 

I would like to adjust font size for both of announcement bar and Header on Mobile (Dawn scheme) without changing desktop version.

Can somebody help me?

thanks

 

jessica_0430_0-1706043220516.png

 

Replies 3 (3)

HM_Helal
Shopify Partner
39 8 7

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

jessica_0430
Excursionist
56 0 7

PageFly-Richard
Shopify Partner
4287 973 1627

Hi @jessica_0430 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

 

<style>
@media (max-width:767px){
.announcement-bar__message {
    font-size: 16px;
}
}
</style>

When checking on the issue for you. I've noticed one issue that you can consider to add the favicon here that will make your store become unique to customer

PageFlyRichard_0-1715733280515.png

 



Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.