[Jim]

Hi
I’m using the second title in the extra text area on my presentation page. However I have found the text is unresponsive.

I looked into the CSS and found this.

#front-text1 h1, #front-text2 h1 {
font-size: 2em;
line-height: 1.3em;
}

in the style-mobile.css file. When I took out the “font-size: 2em;” line the text was responsive.

My questions are:

Is this a bug?

If it’s not a bug, is this an appropriate fix and how can I reflect this using Parabola’s custom CSS.

I hope the above makes sense.

Thanks

Jim..

[Zed]

That text is in fact a title and is responsive (it does get smaller on mobile devices).
This is not longer true in your case as you’ve added custom CSS to make it a lot smaller on desktop devices. Now the sizes are no longer in sync. You need to also add a rule for mobile devices to make it (perhaps) even smaller:
@media (max-width: 650px) { #front-text1 h1, #front-text2 h1 {font-size:10px;line- height:1em;} }

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Jim King]

Hi

Thanks for the feedback and yes I can appreciate that I have screwed up the sync by adding the custom CSS. For now I have removed the text but where would I add that rule? just in the custom CSS area?

Thanks

Jim..

[Jim King]

Hi Zed

I realised, after a bit more investigation, that the rule went in the style-mobile.css file.

All done and working now.

Thank you for your help.

Jim…

[Zed]

You should place all CSS in the custom CSS field (or a child theme).

You’ll lose changes you do to theme files on the next update.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts