Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 2, 2020 at 5:39 pm #1169171
    SK722

    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 #1169220
    Ismael

    Hey 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,
    Ismael

    January 3, 2020 at 4:54 am #1169233
    SK722

    Thanks 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 #1170063
    Victoria

    Hi SK722,

    You can upload screenshots to a service like Dropbox or http://imgur.com and give us the links here.

    Best regards,
    Victoria

    January 4, 2020 at 8:42 am #1170205
    SK722

    Hello,

    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 #1170323
    SK722

    Any update?

    January 4, 2020 at 8:29 pm #1170343
    Victoria

    Hi 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,
    Victoria

    January 5, 2020 at 8:12 pm #1170533
    SK722

    Thank 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 #1170535
    Victoria

    Hi 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,
    Victoria

    January 11, 2020 at 9:04 pm #1172448
    SK722

    Hello,

    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 #1173252
    Ismael

    Hi,

    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

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.