Hi
I have configured all screen types for the social icons taht appear on the page (white bg with bue social icon) except when a phone is in landscape mode the icon appear tiny. How can i resolve this?
Hi isdixon,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
@media only screen and (max-width:767px) {
#top .av_multi_colums .av-icon-char {
font-size: 40px;
}
}
Best regards,
Nikko
Thanks for this I have changed the text box content styling to single block as opposed to column, but the icons now dont seem to be centred in comparison to the email address and phone number on a PC screeen How can I amend this?
Thanks in advance
Hi,
Please post a screenshot and show the changes you’d like to make. You can upload your screenshots on imgur.com and post the links here.
Best regards,
Yigit
Hi please see the attcahed the social icons appear to be a line or two below the cehtre of the email addres next to them
Hi isdixon,
Please try to add this CSS code and see if it helps:
#top .av_textblock_section.av-dznq0f-b923c0ccfbb446a5fd873358205562b8 p {
margin: 0;
}
Best regards,
Nikko
Thanks ever so much that did the trick
Hi,
Glad Nikko could help! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit