Taste theme-Banner and heading is too big for mobile view

Store Design
1

I designed my banner and decided on the heading size but mobile view is abrupt and banner image is chopped from the sides and heading size is way too large for it to look aesthetic.please provide me with the code to adjust this as I could’nt find anything for this theme.

2

Hello @Flycoy

Would you like to share your store URL Please ( with password if password protected ) so I can provide you some precise solution for this one

Thank you and looking forward to hear from you.

1 Like
3

@niraj_patel Thanku for taking out the time to reply.
i have mailed you the url and password, please check your mail.

4

Hello @Flycoy

You can add code by following these steps to reduce header size and banner on mobile devices

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { .banner__heading.h0{ font-size: 20px !important; font-weight: 900 !important; } }
1 Like
5

Yes it worked.Thanks.
There are 2 more things I need your help.

  1. How can I decrease the size of the “SHOP” Button.
  2. How can I make my heading in 2 lines so that it doesn’t overlap with the image as it affects its visibility.

I’d really appreciate if you could help me with this.

6

@niraj_patel

7

Hello @Flycoy
You can E_mail me about this with stor-e lo-gin details so i can check it for you.