-
Posts
-
Not sure what I am missing. I have done it before.
Ca’t seem to increase the font size for the slider on the homepage of my site.I have a class .JS assigned.
I removed the css I had under the mobile media queries.
Thanks!Hey Justin,
I checked your site and it seems to messed up, and also see mixed content and Uncaught SyntaxError: Unexpected token < error. Try to re-install wordpress as well as Enfold, if there are caching plugins please disable it when updating, Hope this helps.
Best regards,
NikkoDoublecheck again for me please
That’s WP Rocket’s whacky pkugin for you.
I just deactivated it. Thank you.Hi,
Your code is working fine however you are targetting the same element multiple times with different CSS codes. Please make sure to wrap all of them in media queries to apply the codes on certain screen sizes.
If you would like us to look into it for you, please post WP admin logins here privately and elaborate on the changes once again so we can make sure that we are on the same page.
Best regards,
YigitYigit.
It’s set for IPad which works.
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {It’s also set for the iPhone 6 and 5s which does not work.
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {The Caption title is still tiny.
Although the ‘small business’ line does render.Hi,
in your media queries remove this part:
and (-webkit-min-device-pixel-ratio: 2)as well as use this:
and (min-width: 375px)instead of:
and (min-<strong>device</strong>-width: 375px)You could also add this:
and (orientation: landscape)Clear browser cache and hard refresh a few times.
Best regards,
AndyThaknms Andy…no change.
All I would like to do it triple the size of the text here on mobile…
Not sure what I am missing….Thanks!
Hi,
you’re using this code:
.responsive #top .slideshow_caption h2 { font-size: 20px !important; }Remove it, or adjust it as needed to e.g.:
@media only screen and (max-width: 767px) { .responsive #top .slideshow_caption h2 { font-size: 40px !important; }}Best regards,
AndyHi,
I can’t tell you in which file you’ve got this code, but I see it inside your source code, to it must be somewhere.
However, does the new code work for you?Best regards,
AndyHi,
I put the code I’ve provided to you into you Quick CSS field and then it worked well: http://imgur.com/a/RkEbz
Please clear browser cache and hard refresh a few times.
Best regards,
AndyWeird. How about removing it from Quck Field and adding it to the child-theme’s CSS. Tell me what happens then?
Hi,
I added it into the bottom of your child theme and it’s working fine too: http://i.imgur.com/JgvhXEL.png
Please clear browser cache and hard refresh a few times. Also check on another device.
Best regards,
Andy
- You must be logged in to reply to this topic.