Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #688373

    Hi,

    my website has on ipad white stripes between the sections. I found out that the the outer class div.avia-section is always 2 Pixel smaller than the inner class div.container. The white stripes are because of the white background of the outer class. Do I change the inner class (remove 2 Pixel from height) the outer container (.avia-section) get 2 Pixel smaller as well. That happens only on ipad. On desktop view and on smartphones it works well. Any idea?

    #689863

    Hey Marcel,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia-section {
        border: none!important;
    }
    

    Best regards,
    Yigit

    #689888

    Hey Yigit,

    unfortunately it does not solve the problem. Please see the website on iPad in portrait mode. In landscape mode it works for the most sections fine (unless one).

    Best,
    Marcel

    #690731

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 990px) {
    .avia-section { margin-bottom: -1px; }}
    

    Best regards,
    Yigit

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