Tagged: CSS
I have 3 columns in a grid row. In the middle column it is broken in to 5 sections each containing a social media icon. It displays inline on the computer and tablet fine, but I can’t seem to get it to display inline on mobile. I have tried several different combinations and selectors but just cant seem to get it fixed.
In addition, it would be helpful to override the style attribute that gets added. Please advise.
Hi,
Thank you for using Enfold.
Please try to decrease the padding between the social icons.
@media only screen and (max-width: 768px) {
.entry-content-wrapper #nav2 li {
margin: 0px;
padding: 0px 3%;
}
}
Default value is 5%.
Best regards,
Ismael
Thank you Ismael.
Hi! We’re glad that Ismael was able to help you! We’ll close this topic now. For any other questions or issues, feel free to post them here on the forum and we will do our best to assist you.
For your information, you can also take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads
Thank you for using Enfold.
Cheers!
Sarah