[15bakesParticipant]

Hi my website is http://goldentouchwebdesign.com/ and when I underline the “you” it changes the size and makes it way to small on mobile. how can I fix this?

[JoaoModerator]

Hi There.

It looks the same size on my end.

Are you still experiencing the issue? On Which broswer and device.

Joao

[15bakesParticipant]

On my mobile it looks a lot smaller. I’m browsing on my Iphone 7

[15bakesParticipant]

Also if you go to http://mobiletest.me/ and test the mobile version it has the same problem

[RupokMember]

Hi there,

Thanks for writing back. Are you saying the whole text get smaller or the word only? I have checked and it looks usual on my end. If you are trying to make the whole text more responsive, then you can follow the “Responsive Settings” from Revolution Slider documentation – https://www.themepunch.com/revslider-doc/slider-revolution-documentation/

Cheers!

[15bakesParticipant]

hi the individual word gets smaller

[JadeModerator]

Hi there,

There is now an under construction page active on the site.

Kindly provide your admin access so that we can check it.

Thank you.

[15bakesParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thank for updating in! Instead of using this:

 <u>you</u>

Please use this instead;

 <span style="text-decoration: underline">you</span>

To know more how you can create a a fully responsive slider, please check out this video:

Hope this helps.

[15bakesParticipant]

hi,

thanks for the help but it still isn’t working.

There must be a way to underline the word “you” without it getting very small on mobile.

[Rue NelModerator]

Hello There,

You can update the code and use this:

<span id="text-you" style="text-decoration: underline">you</span>

And then please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width: 767px){
  body #text-you {
    font-size: 22px !important;
  }
}

Please let us know if this works out for you.

[15bakesParticipant]

Hi that worked in the sense I can easily increase the size of that individual letter however for some reason on mobile it still won’t increase in size. Is there any way you can add a mobile version into that css?

[15bakesParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for updating in! Please have the css code updated and make use of this code instead”

body #text-you {
  font-size: 22px !important;
}

@media(max-width: 767px){
  body #text-you {
    font-size: 22px !important;
  }
}

If you need anything else we can help you with, please let us know.

[15bakesParticipant]

It’s still not working.

Is there any way else we could fix this?

Is there any way to edit specifically the mobile version of a site?

[Author]

Posts