Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • October 25, 2018 at 6:09 pm #1026456
    formwild

    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

    October 30, 2018 at 5:07 am #1027845
    Ismael

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

    November 2, 2018 at 3:00 pm #1029167
    formwild

    Hey Ismael,

    thx for the reply.

    1) I don’t know it just appears unstructured on the iPad in landscape-mode. Like here
    Shouldn't show pic

    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?

    November 6, 2018 at 4:05 am #1030160
    Ismael

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

    November 6, 2018 at 6:03 pm #1030484
    formwild

    Thx 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.

    November 9, 2018 at 5:15 am #1031507
    Ismael

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

    November 10, 2018 at 5:56 pm #1032047
    formwild

    Hi 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?

    November 13, 2018 at 1:21 am #1032820
    Ismael

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

    November 13, 2018 at 11:26 am #1032935
    formwild

    Hey 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?

    November 14, 2018 at 10:48 am #1033407
    Ismael

    Hi,

    What happens with the slider on iPad view? Is it displaying or not?

    Best regards,
    Ismael

    November 14, 2018 at 3:05 pm #1033515
    formwild

    Hey,

    the image of the slider is displayed with like 500 % zoom. Buttons and Headline are alright, but the pic is not working proberly.

    November 14, 2018 at 3:24 pm #1033525
    formwild

    *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;
    }
    }

    • This reply was modified 6 years ago by formwild.
    November 15, 2018 at 12:46 am #1033742
    formwild

    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?

    • This reply was modified 6 years ago by formwild.
    November 16, 2018 at 7:09 am #1034303
    Ismael

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

    November 17, 2018 at 4:45 pm #1034754
    formwild

    Thx that worked. Perfect. Thank you so much for the support. I really love to work with your Theme. :)

    November 19, 2018 at 6:48 am #1035044
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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