How can I resize my mobile banner for a better view?

Store Design
,
1

Hello,

I’m trying to shrink the banner to look nicer on mobile.. desktop is fine but on mobile the letters are huge and overtake a few scrolls.. doesn’t look good. Is there a way to make it look nice on mobile and keep it? or would deleting it be the best option?

This is the website: https://drizzilicious.myshopify.com/ it’s on the dawn theme. password is geufau

Thanks!

2

Hi @Mattinnovations ,

I just like to take a look, but its a password protected. :sweat_smile:

3

Here is the password!

geufau

Thanks!

4

Thank you for the information. Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
@media only screen and (max-width: 749px){
section#shopify-section-template--18694670909735__image_banner h2 {
    font-size: 5rem !important;
}
}

Result:

Ribe_Dagandara_0-1689717820531.png
Ribe_Dagandara_0-1689717820531.png505×368 220 KB

You can adjust the font sizes.

I hope it help.

5

Thank you!