Docs

[rinzin]

Hello,

I have placed this code in to my global custom css based on advice from this forum. Now some of my mobile view “section 1” headers are a bit smaller than desired and have a funny spacing in between.

@media(max-width: 480px) {
#x-section-1 .x-column.x-sm.x-1-1 h3 span {
  font-size: 30px;
  max-width: 90%;
}
}

^^^ The reason for this code was to try and fix an issue where <h1> words longer than 7 or 8 characters were being cut off the side of a mobile view.

The interesting thing is that both text fields that you see in the image are <h1> yet the top looks different than the bottom.

Thanks for you help on this. http://www.kadampanewyork.org/newsite/

[rinzin]

Here’s a screen shot of the heading in mobile view.

[Christian]

Hey there,

The code you copied serves only as a guide. You will need to tweak for your specific needs. Regretfully, that falls under custom development which is outside the scope of our support. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thanks.

[Author]

Posts