Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Media Queries?

Media Queries? 01 Mar 2017 17:43 #40540

How do I get the font to auto resize with the browser for different screen sizes?

As you can see www.mcchc.org (the images towards the bottom "Donate" "Volunteer" "Event-Sponsorship") if you minimize the browser and change the browser size to small the font spills off the image. Same when viewed on mobile device.

I tried adding:

@media screen and (min-width: 960px) {
figure.imageeffectck
font-size: 30%;

and


@media screen and (min-width: 960px) {
figure.imageeffectck figcaption {
padding: 0.1em;


to the imageeffectck.css file. I feel like this is something simple I'm missing, could you point me in the right direct please?

Please Log in or Create an account to join the conversation.

Media Queries? 09 May 2017 16:24 #41929

I still haven't been able to find a fix for this problem. Does anyone know how can I get the font to resize with the image to fit the browser window?

Please Log in or Create an account to join the conversation.

Media Queries? 10 May 2017 07:36 #41940

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 17674
  • Karma: 391
  • Thank you received: 2264
Hi
I have checked your website and the font is resized, but becomes very small
please detail what you want to do so that I can check
CEd

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Media Queries? 11 May 2017 13:23 #41987

Yes, it seems I can get it to resize but it's not staying within the image or within the white box. When I make the font bigger (like in the example image on donate) it runs off the image. I just want it to resize with the image, so the font stays inside the white outlined box.

Please Log in or Create an account to join the conversation.

Last Edit: by Goldsberry.

Media Queries? 14 May 2017 12:29 #42012

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 17674
  • Karma: 391
  • Thank you received: 2264
from what I see the problem is due to the fact that you simply have too much text
if you resize it to stay into it will become very small and unreadable ...

now there is no automatic resize, you must control that using mediaqueries for each resolution where you need it

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer
  • Page:
  • 1
Time to create page: 0.289 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 188 guests and no members online