Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 27, 2015 at 1:57 pm #509674
    Michael Oeser

    Hi there,

    I encountered a strange padding behaviour in Safari (mainly iOS/iPhone but also in the desktop version). If you take a look at

    http://www.der-prinz.de/angebot/

    either on iPhone or narrowed to iPhone screen width desktop version you can see that the second paragraph (which is 1/2 column in fact) has a big padding left and right (see attached screenshot 1 for reference). The same effect can be seen further down that page at the icon list.

    You can see the same effect also on this page:

    http://www.der-prinz.de/kontakt/

    After the fullwidth Newsletter button. The contactform headline is “moved” to the right (see also screenshot 2)

    I have no idea why that is. Any ideas?

    Screenshot 1: https://dl.dropbox.com/s/9acqd3pvl7wp5s1/index.html?dl=0
    Screenshot 2: https://dl.dropbox.com/s/qkssa3tia1xm4tl/index.html?dl=0

    Thanks
    Michael

    September 28, 2015 at 6:17 am #509809
    Rikard

    Hi Michael,

    I found this in your CSS: 

    @media screen and (max-width: 1026px) {
.avia-builder-el-7, .avia-builder-el-15, .avia-builder-el-24 {
    padding: 60px!important;
}
}

    Not sure if you are using it but try to add the page id class before those classes to be sure it’s only affecting the page you actually want it on.

    Thanks,
    Rikard

    September 28, 2015 at 7:17 am #509835
    Michael Oeser

    Hey Rikard,

    OMG that was so simple. I page builder element numbers are only used once but they seem to be used only once on one page so they can exist more than once on the entire site obviously. I simply added a .home to my css declarations (which I need only on the homepage) and not everything is fine.

    So it would be good if one could add an ID or class to really each element to trigger it via CSS. I know there used to be some option to activate that in the functions.php but I forgot how ;-)

    Thanks for your help
    Michael

    September 28, 2015 at 11:45 am #509960
    Yigit

    Hey Michael!

    Please see – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ :)

    Cheers!
    Yigit

    September 28, 2015 at 12:41 pm #510012
    Michael Oeser

    Thanks Yigit.

    September 28, 2015 at 12:42 pm #510015
    Yigit

    Hi!

    You are welcome Michael. Always happy to help :)

    Regards,
    Yigit

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