Changing the font size on the Header section in Express theme

Solved
Highlighted
Tourist
5 0 1

Hello, I'm relatively new to Shopify (I've only had my store in existence since September 28th) and I would like to know how to enlarge the font size of letters in the header section.  Currently, I use the Express theme.  My knowledge of CSS is very scant.  If someone can assist, that would be appreciated.  

-- Jason

0 Likes
Highlighted
Shopify Partner
3237 711 860

@jferguson7686 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
5 0 1

@dmwwebartisan @My website is:

jferguson7686.myshopify.com

(Password is SHastAsPRing7, if there is one)


Thanks

Highlighted
Shopify Partner
3237 711 860

@jferguson7686 

Thanks for the URL. Could you please tell me in the header which section font size you would like to enlarge? because there are a menu and an announcement bar only.

Let me know.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
3237 711 860

This is an accepted solution.

@jferguson7686 

Please add the following code at the bottom of your assets/theme.min.css or theme.scss.liquid file

.menu-navigation__item {
font-size: 2rem !important;
}
.announcement-bar__message {
font-size: 2rem !important;
}

 

You can change the font size as per your need.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Tourist
5 0 1

I'd like to have the size of the blue letters at the top enlarged a few sizes.  Also, I'd like to know if the logo I've made in the upper left hand corner of the main page can be moved just above the vertical bar menu near the top of the page, please?  I don't know how to do it.  Thanks

0 Likes
Highlighted
Tourist
5 0 1

Let me see if I can locate those files and I will change them.

0 Likes
Highlighted
Shopify Partner
218 4 16

This is an accepted solution.

Please add the following code at the bottom of your assets/theme.min.css or theme.scss.liquid file

.announcement-bar__message {

      color: #1572b0;

       font-size: 2rem;

 

If helpful then please Like and Accept Solution.
Do you need custom changes on the store or want a complete speed optimization? Hire me.
Need a dropshipping expert or wants to alive your dead dropshipping store?
Feel free to contact me at Syedmustafanadeem99@gmail.com
Highlighted
Tourist
5 0 1

Thanks to both of you for helping me on this!  It worked.

Now I have another question, if you have time:  is it possible to relocate my logo at the upper left-hand part of the screen and put it between the blue-lettered heading and the menu at the top?  Please let me know.

 

 

0 Likes