Moving Text Smaller Mobile

[umrraz90]

Hi,

I posted yesterday and wanted my moving text smaller which it worked with the solution but now when ive added another moving text it displays smaller on mobile than the original, please see below, i want it all the same size.

https://www.theflowerstudiobyroo.co.uk/pages/workshop-events

[niraj_patel]

Hello @umrraz90

You can add code by following these steps

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){ .MarqueeSection a .moving-text h2 { font-size: 13px !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[umrraz90]

I still have the same issue look at what is highlighted, this font is still smaller

[BSSCommerce-HDL]

Hi @umrraz90 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[niraj_patel]

You can add code by following these steps

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){ .MarqueeSection a .moving-text h2 { font-size: 25px !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs]

Can you try add this code to file base.css @umrraz90

@media screen and (max-width: 767px) {
    .text-slider-box .moving-text h2 {
        font-size: 16px !important;
    }
}

[BSS-TekLabs]

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: 100%;
  }
}

Add this code to file base.css

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you @umrraz90 .