I have the latest version of Enfold 3.0.4 and I was wondering if you can suggest the best Plugin or other options for adjusting the layout of the Enfold Theme for when it is viewed on Mobile devices and iPads?
Hi Renvato2!
Thank you for using Enfold.
The theme is fully responsive. I don’t think there is a plugin to adjust the layout of the theme on mobile device. Are you experiencing any kind of issue on mobile devices? You can alter the css on the Quick CSS field. Use css media queries.
Best regards,
Ismael
Ismael,
Thanks, I am weak in that area so I was wondering if there were any kind of drag & drop plugins to help?
Any websites or videos you can recommend to help me with the CSS Media Queries?
Russ
Hi!
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
@media only screen and (max-width: 480px) {
.responsive #top #wrap_all .container { width: 70%; max-width: 70%; }}
Cheers!
Yigit
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 1200px) {
.fallback_menu.av-main-nav-wrap { position: relative; right: -120px; }}
@kristyengels Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
.phone-info {
font-size: 16px;
}
If that does not help, please post the link to your website. It would be better if you start a new topic – https://kriesi.at/support/forum/enfold/#new-topic-0
Best regards,
Yigit
Hey!
for me social icons don’t show up on you website neither on Chrome nor on Firefox.
Please clear browser cache end check again.
Regards,
Andy
Andy,
Sorry about that, I ended up removing the social Icons from the header because they were causing all kinds of issues when the
browser window size was reduced. It was different on every browser, now it is much better, moved the Icons to the contact page.
Thanks,
Russ