-
Posts
-
Hey all,
I am using enfold to build a one-pager. The theme is great but sadly I have some issues.
I found posts regarding this topic but no solution worked for me.1. While on mobile and tablet all grids I want to hide are hidden, the background pics are making a lot of trouble with the landscape mode at the iPad (Desktop is working on my mac without a prob). There is no logical behavior I can see. Some of them stay hidden, some are displaying cut. Is there a solution to either display all of them nicely or hid all of them. (hide on mobile is activated in all rows)
2. Is it possible to activate the scroll to top button in mobile?
Thx in advance
Hey formwild,
Thank you for using Enfold.
1.) I can’t see anything unusual with the image background on mobile view. Can you give us a screenshot?
2.) You can use this css code to redisplay the scroll to top button on mobile view.
@media only screen and (max-width: 767px) { .responsive #scroll-top-link { display: noneblock } }Best regards,
IsmaelHey Ismael,
thx for the reply.
1) I don’t know it just appears unstructured on the iPad in landscape-mode. Like here
2) Thx that worked
I also have another issue now:
I want the name and the utton in my headerslider to stay and just change the title in every slide. Is this possible?
Hi,
Thanks for the update.
1.) It doesn’t look like that in a browser emulation. What is the actual model of your tablet? Have you tried setting the grid row’s Screen Options > Fullwidth Break Point to the second option?
Best regards,
IsmaelThx for the reply.
I also don’t find the prob in the browser emulation. But if you use a iPad pro 11′ in landscape the page looks messy. I also tried the screen options, but this also does not solve the prob.
Hi,
The breaking point is still set to the first option when I checked. Did you test it? Is it OK if we set the cell’s breaking point when the screen width is equal or less than 1366px? That is the maximum screen width of an iPad Pro.
@media only screen and (max-width: 1366px) { .responsive #top #wrap_all .av-flex-cells .no_margin { display: block; margin: 0; height: auto !important; overflow: hidden; padding-left: 8% !important; padding-right: 8% !important; } }We can also disable the background’s fixed or parallax effect because that is not fully supported on iOS devices.
@media only screen and (max-width: 1366px) { #top .flex_cell { background-attachment: scroll !important; background-size: cover !important; background-position: center center !important; } }Best regards,
IsmaelHi Ismael,
the breaking point is now set to the second option but it does not change anything.
When first idea: Changing the cell’s breaking point for screen width is equal or less than 1366px didn’t worked. The page was totally messed up.
The second option worked but I need the fixed picture in the Desktop version. Is it possible to just disable it in the iPad landscape with or something like this? Or if the page is screened on a mobile device, then disable fixed or parallax?
Hi,
Yes, it’s possible. Use this css media query to disable it on mobile devices only.
@media (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1), (-webkit-min-device-pixel-ratio: 2) { #top .flex_cell { background-attachment: scroll !important; background-size: cover !important; background-position: center center !important; } }Best regards,
IsmaelHey Ismael,
perfect that worked. Thank you so much. :D But now there is another problem. My slideshow is not working properly (also just on the iPad in landscape). Can we change this?
Hey,
the image of the slider is displayed with like 500 % zoom. Buttons and Headline are alright, but the pic is not working proberly.
*update:* Now it is working again, but the silder-pics are still zoomed
Acutally this code is not working, since is is nice on the iPad but also disables the fixed pictures on the desktop version too.
@media (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1), (-webkit-min-device-pixel-ratio: 2) {
#top .flex_cell {
background-attachment: scroll !important;
background-size: cover !important;
background-position: center center !important;
}
}I guess I was too hasty. Unfortunately the code does not work. If I use it, the parallax on the desktop version will also be shut down. I just want it to be deactivated on the iPad landscape
@media (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1), (-webkit-min-device-pixel-ratio: 2) {
#top .flex_cell {
background-attachment: scroll !important;
background-size: cover !important;
background-position: center center !important;
}
}Do I have to enter something with it?
Hi,
desktop version will also be shut down
That code should only affect screens that are smaller than 1366px. Are you testing it on a laptop? Try to adjust this part:
(max-width: 1366px)to
(max-width: 1024px)Best regards,
IsmaelThx that worked. Perfect. Thank you so much for the support. I really love to work with your Theme. :)
- You must be logged in to reply to this topic.