Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 28, 2020 at 9:28 am #1241475
    lech07

    Hello,

    zorbas.dk and zorbas.se is ok for mobiles.
    I think i added a css code some time ago, but it seems like that the code is not optimal for ipads/tablets.
    Could you please let me know what to add or howthe code should look like?

    August 28, 2020 at 11:29 am #1241533
    Victoria

    Hey lech07,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    September 9, 2020 at 9:24 pm #1244688
    lech07

    Here is the pictures from ipad.
    Two angles, ipad up and down.

    https://ibb.co/PNWC6Xh

    https://ibb.co/4NHyQpV

    The picture is wrong and the menu too.

    Thanks

    September 10, 2020 at 10:13 am #1244824
    Victoria

    Hi lech07,

    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: 1024px) {
  nav.main_menu, #menu-item-search {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    As for the images in the section, here is a thread about it:
    https://kriesi.at/support/topic/background-attachment-fixed-on-ipad-7/

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 10, 2020 at 2:37 pm #1244932
    lech07

    thanks alot. Already di the changes.
    I will take a look at the other post

    September 10, 2020 at 4:03 pm #1244954
    lech07

    for the ipad issue i use below css? And where do i add it?

    /* iPad Portrait */
    @media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .avia-section {
    background-attachment: scroll !important;
    }
    }

    /* iPad Landscape */
    @media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .avia-section {
    background-attachment: scroll !important;
    }
    }

    September 12, 2020 at 12:15 pm #1245326
    Victoria

    Hi lech07,

    You add the code in Enfold > General Styling > Quick Css. Did you try it?

    Best regards,
    Victoria

    September 13, 2020 at 11:44 am #1245494
    lech07

    Yes i tried but didn’t work

    September 14, 2020 at 8:11 pm #1245828
    Victoria

    Hi lech07,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    September 14, 2020 at 9:07 pm #1245849
    lech07

    Yes
    I have send for both.
    Thank you

    September 21, 2020 at 4:42 am #1247244
    Ismael

    Hi,

    Thank you for the update.

    Would you mind telling us the actual model of the iPad device that you are using? If this is a retina device or an iPad Pro, we might have to adjust the css media query a bit.

    @media only screen and (max-width: 1366px) {
    .avia-bg-style-fixed {
	background-attachment: scroll !important;
    }
}

    Please toggle or temporarily disable the Performance > File Compression settings after adding the css code, and remove the browser cache as well.

    Best regards,
    Ismael

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