Tagged: phone info font size
Dear support team,
My present programming allows me to hide the top header on large views. It should only be displayed on mobile views. Therefor I found this code:
/*phone info mobile only */
#header_meta {
min-height: 60px !important;
}
#header_meta .phone-info {
line-height: 60px !important;
font-size: 20px !important;
}
@media only screen and (min-width: 768px) {
#header_meta{
display:none;
}
}
I cannot seem to get the phone info font bigger for mobile view.
Could you have a look please?
Thanks,
Stefan
Hey Stefan,
Could you post a link to where we can see the element in question please?
Best regards,
Rikard
Sorry Rikard,
and thanks for taking care of it.
Best
Stefan
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
.phone-info a {
font-size: 22px !important;
}
Best regards,
Rikard
Thanks Rikard,
OMG …I forgot how important “!important” is.
Thanks a lot.
That was on the spot! Ticket can be closed.
Best regards,
Stefan
Hi,
Thanks for the update. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard