-
Posts
-
I am unable to effect any change in paragraph font sizes on the website’s homepage. It is far too small for mobile devices unless device is turned to landscape view.
I’ve tried adding Quick CSS on Enfold, Theme Options, General Styling, Quick CSS with part or all of the below.
(I am level zero as a web developer.)
Nothing changes, no matter what I do.
All I’d like is for the font size of paragraphs to be larger on the mobile version.
I’ve tried both of these to no avail.@media only screen and (max-width: 790px) {
.responsive #top #wrap_all .container { width: 70%; max-width: 70%; }}@media only screen and (max-width: 1200px) {
.fallback_menu.av-main-nav-wrap { position: relative; right: -120px; }}
.phone-info {
font-size: 18px;
}Thanks for any help you can offer.
Hi vew01,
Thanks for giving us the link to your site.
I think the problem is caching, please clear the cache and temporarily disable Siteground Optimizer.
If that does not work, please give us temporary admin access and post the credentials in private content.Best regards,
NikkoHi vew01,
I have formatted your Quick CSS so it’s easier to read:
.phone-info { font-size: 18px; } @media only screen and (max-width: 1200px) { .fallback_menu.av-main-nav-wrap { position: relative; right: -120px; } } @media only screen and (max-width: 790px) { .responsive #top #wrap_all .container { width: 70%; max-width: 70%; } }As for code’s to remove, I think you should remove:
@media only screen and (max-width: 1200px) { .fallback_menu.av-main-nav-wrap { position: relative; right: -120px; } }Because it does not seem to do anything.
And remove this because it only makes the area for the content on mobile narrow:
@media only screen and (max-width: 790px) { .responsive #top #wrap_all .container { width: 70%; max-width: 70%; } }Best regards,
Nikko
- You must be logged in to reply to this topic.