Increase font size of mobile menu / page

Shopify Discussion
1

Hi there!

Do you know how I can increase the font size of my menu in the mobile view?

Also, I would like to make the pages like sipping, returns etc. wider, but in the mobile version only.

URL: taneraskin.com

Thank you so much!

Best regards,

Isabelle

2

Hello @isabellemaria

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

3

Hi @isabellemaria

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media screen and (max-width: 767px){

a.list-menu__item {

font-size: 24px !important;

}

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

4

@isabellemaria

for Increase font size of menu item and make pages wider follow this steps :

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find layout > theme.liquid and paste this at the bottom of the file:

Hope this works well for your site,

Best Regards !

5

Hi there,

can you also make the whole white menu space more narrow like here: www.hellobody.de ? Right now my menu is white until almost the far right side and i would like it to cover only like half the page

6

@isabellemaria

To make menu space narrow follow this steps :

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find layout > theme.liquid and paste this at the bottom of the file:
@media only screen and (min-width:768px){
  .header-wrapper .header{
    padding: 0 17rem !important;
  }
}

If helpful then Accept and like our solution.