Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 19, 2016 at 9:19 am #688373
    Mathuseo

    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?

    September 21, 2016 at 3:20 pm #689863
    Yigit

    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

    September 21, 2016 at 4:03 pm #689888
    Mathuseo

    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

    September 23, 2016 at 2:14 pm #690731
    Yigit

    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

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