logo maximenuck 64Maximenu CK

Maximenu CK is a Joomla megamenu dropdown with nice effects.

logo slideshowck 64Slideshow CK

Slideshow CK, nice effect with this slideshow responsive design.

logo accordeonmenuck joomlaAccordeon Menu CK

Accordeon menu CK is a joomla accordion menu with mootools effects.

logo template creator joomlaTemplate Creator CK

Template Creator CK is a tool to create your own Joomla! templates.

Welcome, Guest
Username: Password: Remember me

TOPIC: Media Queries?

Media Queries? 01 Mar 2017 17:43 #40540

  • Goldsberry
  • Goldsberry's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
  • Karma: 0
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?
The administrator has disabled public write access.

Media Queries? 09 May 2017 16:24 #41929

  • Goldsberry
  • Goldsberry's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
  • Karma: 0
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?
The administrator has disabled public write access.

Media Queries? 10 May 2017 07:36 #41940

  • ced1870
  • ced1870's Avatar
  • OFFLINE
  • Administrateur
  • Posts: 17463
  • Thank you received: 2230
  • Karma: 388
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
Joomlack Webmaster and Developer
The administrator has disabled public write access.

Media Queries? 11 May 2017 13:23 #41987

  • Goldsberry
  • Goldsberry's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
  • Karma: 0
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.
Last Edit: 11 May 2017 15:58 by Goldsberry.
The administrator has disabled public write access.

Media Queries? 14 May 2017 12:29 #42012

  • ced1870
  • ced1870's Avatar
  • OFFLINE
  • Administrateur
  • Posts: 17463
  • Thank you received: 2230
  • Karma: 388
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
Joomlack Webmaster and Developer
The administrator has disabled public write access.
Time to create page: 0.207 seconds
Powered by Kunena Forum

Mentions légales

Site made by Cédric KEIFLIN

Privacy policy

Copyright © 2010 - 2015

http://forum.joomlack.fr is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla!® name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

Qui est en ligne

We have 347 guests and 6 members online