Making text smaller on mobile version only - dawn theme

fbcgirl24
Explorer
74 0 15

The way the words appear in desktop is perfect, but the way the words appear on mobile are a little too compact.

 

I want the words to appear like this:   

 

                             Welcome to

                    Feminique By Cameron.

 

Not like this: 

                      Welcome to

                     Feminique By

                        Cameron

 

I don't mind if the words on mobile are a little smaller than on desktop, just as long as it looks how I want it. Please provide a code that I can use to solve this issue.

 

Web capture_4-11-2023_171945_www.feminiquebycameron.com.jpeg

Reply 1 (1)

Alex520
Shopify Partner
15 2 4

Looks like you found the class name from the earlier post to make it larger.

Here it is again. It allows for you to modify the exact look for mobile or desktop.

 

/* This is the default style that will want to apply only on mobile devices */
.your-text-class {
  font-size: 16px; /* Example base size */
}

/* This media query will apply styles for devices with a width of 768 pixels or more (typical for desktops for your use case) */
@media (min-width: 768px) {
  .your-text-class {
    font-size: 24px; /* Larger text size for desktop */
  }
}

 

 

Alex - Developer
Available for Hire