-
Posts
-
Dear Team, the Enfold contact form isn’t displaying correctly on my phone. The fonts are displayed irregularly, the background color has disappeared, and the individual fields are too long. The problem is on both sites (please see the links in the private content)
I’ve cleared the cache several times on the desktop version and also on my phone, clearing the cache for both Safari and Google Chrome.
I’ve tried several CSS Codes I’ve found in the forum. No one worked.
Could you please help me?
Thank you so much!
Hey Nihru,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) { .avia_ajax_form p { width: 90%; } }I’m not sure which text/font you are looking to change, please try to explain that a bit further.
Best regards,
RikardHello Rikard,
thanks for the code, unfortunately it’s not working. I’ve cleared the browser cache from Chrome and Safari – it’s not working on both browsers.
Any idea?
Kind reagrds,
NinaHi,
Please replace it with this:
@media only screen and (max-width: 767px) { .avia_ajax_form p { width: 90% !important; } }Best regards,
RikardHello Rikard,
thank’s for the code. Unfortunately it’s still not working.
Any other idea?
Kind regards,
NinaHi,
Please try this instead:
@media only screen and (max-width: 767px) { #top fieldset { display: contents; } }Best regards,
RikardHello Rikard,
thank! On both pages (please see the link below) except for the last buttons which are still too big ( “Meine verbindliche Anmeldung zum Wochen-Gemüseabo abschicken” / “Meine verbindliche Anmeldung zum Saison-Gemüseabo abschicken” )it looks good on mobile phones.
Any idea why the buttons are still too big?Kind regards, Nina
- You must be logged in to reply to this topic.