-
AuthorPosts
-
January 2, 2020 at 5:39 pm #1169171
Hello,
Testing out a coming soon page and cannot get it to display properly on mobile. The fixed background gets cut off and there is still the enfold icon that shows up even thought i have removed it. This is also causing a gap in the actual page on desktop. Please help?
I need the mobile site to look as similar as it does on desktop.
January 3, 2020 at 3:18 am #1169220Hey SK722,
Thank you for the inquiry.
Upload a transparent logo in PNG format so that it doesn’t cover the background image. And don’t forget to remove the browser cache before checking the page again.
Best regards,
IsmaelJanuary 3, 2020 at 4:54 am #1169233Thanks for the reply Ismael. The problem is in the vertical / horizontal position on mobile device. One way, the background image is not fully visible and the other position, the enfold default logo shows up..I dont see a way to upload a screen shot..
January 3, 2020 at 6:03 pm #1170063Hi SK722,
You can upload screenshots to a service like Dropbox or http://imgur.com and give us the links here.
Best regards,
VictoriaJanuary 4, 2020 at 8:42 am #1170205Hello,
Please see link below. I have been struggling with this for quite some time now, really need help.
January 4, 2020 at 7:24 pm #1170323Any update?
January 4, 2020 at 8:29 pm #1170343Hi SK722,
I removed the logo for you. As for the background image, it is better to hide it all for the mobile screens.
Best regards,
VictoriaJanuary 5, 2020 at 8:12 pm #1170533Thank you!
Is there a way to hide the background only on mobile? When i went and did it in the settings, it made the entire page grey and did not show anything. Or, can we add a transparency only to the mobile background?
January 5, 2020 at 8:17 pm #1170535Hi SK722,
Yes, the image can be hidden by the css. We can do it for the portrait mode only, the landscape seems to look ok.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css@media only screen and (max-width: 479px) { .responsive #top #main #av_section_1 { background: #fff; background-image: none !important; } }
If you need further assistance please let us know.
Best regards,
VictoriaJanuary 11, 2020 at 9:04 pm #1172448Hello,
The code doesn’t work in general styling or in the custom.css file. Can you please help
January 14, 2020 at 12:30 pm #1173252Hi,
Thank you for the update.
The site is not loading properly on our end. Is the server down?
Please try to adjust the max-width value in the css media query from 479px to 768px and make sure that the Enfold > Performance > File Compression settings are disabled. Let us know if that helps.
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.