-
Posts
-
I’m having some issues positioning the background image of a color section. The parallax settings seem to position this particular image WAY too low on the screen, even though the settings are set to align it bottom/center. I’ve noticed on some other sections, but have been able to work around it. Unfortunately, this time I need to consistently align the image bottom center.
Hoping you can take a look and offer any suggestions. Thanks for the support.
Hey silverhorne,
I have taken a look and believe that you would like to move the barn to the top of the screen in mobile view, is this correct?
Try this code in the General Styling > Quick CSS field:@media only screen and (max-width: 767px) { #top.page-id-3959 #av_section_1 .av-parallax-inner { background-position: -350px -50px !important; } }Please see screenshot in Private Content area.
In tablet view and up, the barn seems to be at the top of the screen, but let us know if you wish it adjusted more, or if I misunderstood your question.Best regards,
MikeThanks Mike. That’s a good fix. Made just a few tweaks, but it definitely worked on the smaller screens.
What I’m really realizing is that the Enfold Theme doesn’t seem to quite honor the image positioning for parallax backgrounds when the color section is the first element on the screen. There are quite a few other pages affected by this too. For all the other color sections further down the screen, the image positioning seems to be more consistent.
Using safari and the responsive design mode, you can see the barn image is NOT bottom aligned bouncing between different resolutions. Not sure if it’s a bug, a good reason, or simple fix in CSS?
Thanks for investigating.
– J
- You must be logged in to reply to this topic.