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 

[BSS-TekLabs · Accepted solution]

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;
    }
}

[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 </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
  .MarqueeSection a .moving-text h2 {
     font-size: 13px !important;
   }
 }

</style>

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

[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 </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
  .MarqueeSection a .moving-text h2 {
     font-size: 25px !important;
   }
 }

</style>

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

[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 </body> tag:

<style>
    @media screen and (max-width: 750px) {
      .moving-text h2 {
    font-size: 24px!important;
  }
}

</style>

 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 😍

[BSS-TekLabs · Accepted solution]

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 · Accepted solution]

@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 .