Hi, I used a Partner/logo element below a fullscreen slider. But on the mobile devices, the partner/logo element was hidden under the slider. Could you help me to make it show overtop the fullscreen slider.
Thanks~
Please check the normal effect that I want at here: http://www.wholeren.com/
Hi wholereneducation!
The current output is showing exactly as it should. If you disable the logo elements responsive settings they would be too small to click.
Regards,
Devin
Hi~ Actually, I have no problem with the size. Just the first image was hidden beneath the main slider on the iPhone. And all the partner/logo elements would be hidden, not just the first image, on my iPad mini….
Thanks
Hey!
Thank you for the update.
Do you mind posting a screenshot on how it looks on iPad Mini? Please try this on Quick CSS or custom.css to move the logo downwards when viewing on iPhone:
@media only screen and (max-width: 480px) {
div.avia-logo-element-container.av-border-deactivate.avia-logo-grid.avia-content-slider.avia-smallarrow-slider.avia-content-grid-active.noHover.avia-content-slider1.avia-content-slider-odd.avia-builder-el-3.el_after_av_hr.el_before_av_hr {
top: 180px;
}
}
Adjust the top position if necessary.
Regards,
Ismael
Hi~
On iPad, you cannot see any logo/partner image no matter what. Here is how it looks on iPad:
I tried the code above, nothing changed….
I think the logo images probably should be moved forward in order to make them to show..
Hi!
I’m not getting that on my end. When viewing it at that size with any ipad its showing the logos on top of the slider correctly.
I did notice you have a javascript error preventing the WordPress javascript from loading fully though I don’t know the cause or what effects it could be having.
Regards,
Devin