Increasing text size on navigation bar on mobile

Technical Q&A
, ,
1

Can someone help me understand how I target the navigation bar on mobile only to increase the size of the text?

IMG_4304
IMG_43041179×2556 315 KB

2

Hey @HyperactiveDesigns

Your site is password protected, can you share the front-end password as well?

Best,
Moeed

3

Shouldnt be protected now

4

Hey @HyperactiveDesigns

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </body> tag
<style>
.menu-list--mobile a {
    font-size: 16px !important;
}
</style>

RESULT:

image
image348×749 67.1 KB

Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

5

Hey @HyperactiveDesigns

Hope everything is going great on your side!

You can do this with a mobile specific CSS media query, if you are using Shopify theme,adding a CSS rule targeting the mobile navigation should increase the text size without affecting desktop.

6

Hi @HyperactiveDesigns

I checked your website, and everything seems to be working fine now. Has your issue been resolved?

image
image303×186 40.8 KB

Best regards,
Devcoder :laptop: