Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 8, 2016 at 8:37 am #644607
    Guenni007

    thanks again for the update to 3.6 – and for the new Demos. so far i got no problems by updating to the new Version.

    I like this effect of the app demo of the fixed Element –
    i see the grid row element in which the png with the mobile phone is placed – but i realy don’t know if i want to use it with a different Image how to obtain the right paddings.
    The mobile.png on the left ( 4 pngs congruently above each other) has a top padding of 800px but the color section above doesn’t have a static dimension; the pngs have no correspondence to that 800px (hight of the pngs is 1000px (and even if i scale it to 1210px content width the hight is 807px) and f.e. distance of the bottom of the mobile phone to top is 633px etc. pp) so is it only trial and error these 800 px or is there a special clou for it. ?
    The hight of that grid row section is determined by the right content – isn’t it. (only if padding-top is much more bigger than its determined by that size)
    The effect of congruent phones only changing the display is independent from that padding – even if the paddings of gridrows are different.

    edit:
    so the important thing to that is only that pngs have the same size and that the static content of the image is congruent (you can see that best as layers in photoshop or something like that)
    very nice !
    you can see that demo on http://webers-testseite.de/ikom/ with different pngs. :lol:
    so now i know why it is important that these rows or columns could be set to “hide on mobiles” :yoo

    • This topic was modified 8 years, 7 months ago by Guenni007.
    June 8, 2016 at 10:48 am #644675
    Guenni007

    by the way – how do i set up the “hide on mobile devices” because on ipad these option has no effect even if i setup on header/mobile menu the option on 990px

    i only could set up that option on quick css by:

    @media only screen and (max-width: 1024px) {.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
    display: none !important;
}
}
    June 9, 2016 at 10:27 am #645342
    Ismael

    Hi,

    Thank you for using Enfold.

    Add this in the Quick CSS field to hide the elements on tablet screens:

    @media only screen and (max-width: 989px) {
.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
    display: none !important;
}
}

    By default it is set to hide on screens lower than 767px.

    Best regards,
    Ismael

    June 9, 2016 at 1:53 pm #645423
    Guenni007

    990 px is a bit to small. It looks bad on ipad so i decided to set the gate at 1024px
    Thanks ismael

    June 9, 2016 at 2:30 pm #645436
    Vinay

    Hi,

    Glad we could help :)

    Best regards,
    Vinay

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