-
Posts
-
Dear all,
I created the site http://www.bancometalli1986.com and while on desktop everything works properly this does not happen on mobiles.
Menu does not appear, first page does not fit the screen, the same happens on other pages.What can I do to have back the responsiveness?
Thank you very much
Hey amepro,
Can you try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after { background-color: #b3895b !important; }Let us know if this helps :)
Best regards,
NikkoHi Nikko, thank you for your prompt reply.
I wrote the above code but the only obtained thing is the menu visualization.
Nothing changes for the pages visualization…I don’ t know what to do…
Hi amepro,
Could you please attach some screenshots of the issue? The website seems to adjust to the screen width on my end.
Best regards,
VictoriaHi,
That is quite normal because the section is trying to keep the aspect ratio of the background image while forcing it to cover the whole container. We can set the background size property of the section to “100%” or “contain” but it will probably distort the image or create spaces around the container. Which one do you prefer?
100%:
@media only screen and (max-width: 767px) { #home { background-size: 100% 100% !important; } }contain:
@media only screen and (max-width: 767px) { #home { background-size: contain !important; } }Another workaround is to duplicate the section and upload or use an image that is specifically resized for mobile view. Use the sections’ Screen Options to toggle their visibility on different screen size or devices.
Best regards,
IsmaelHi, I adopted the second image only for mobile but for this it’ s impossible to go back to home because no arrow appears and menu is visible only on the home page
- You must be logged in to reply to this topic.