Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 23, 2017 at 3:57 pm #867658
    Simplify

    Hi,

    Please see the link that I pasted in the private content. Basically the problem is that when viewing on mobile, the background image of the color section is being overlapped by the menu. Is there a way to push down the background image down a bit so the top part will be visible?

    • This topic was modified 7 years ago by Simplify.
    October 23, 2017 at 4:36 pm #867690
    Victoria

    Hey Simplify,

    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: 767px) {
#top-bg .av-parallax.enabled-parallax.active-parallax {
  background-position: center;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 23, 2017 at 4:44 pm #867695
    Simplify

    Hi,

    Nope it didn’t work. I think that the background position is already centered (position is covered so the background position y would always be on top ). The issue is that the menu is overlapping the background image.

    October 25, 2017 at 2:40 am #868489
    Ismael

    Hi,

    Are you referring to the first color section with the “woman”? The image is completely visible on a mobile device emulator. Please provide a screenshot of the issue.

    Best regards,
    Ismael

    October 25, 2017 at 1:21 pm #868702
    Simplify

    The emulator shows it fine – but not on actual phone – pls try pulling up site on an actual phone and you’ll see. I’m trying to attach screenshot here but it won’t let me – doesnt attach.

    October 26, 2017 at 8:03 am #869115
    Ismael

    Hi,

    Please use imgur or dropbox for the screenshot. What is the actual model of your mobile phone?

    Best regards,
    Ismael

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