Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 25, 2015 at 1:02 am #434523
    djshortkut

    At the bottom of this page under the heading “The Unplugged Advantage…” I have created two 1/2 columns with icon boxes. Everything looks great, the only problem is on my iPhone in portrait and landscape mode. When I pull it up on my iPhone it has a large gap between the first column and second column on in portrait and landscape mode on the iPhone. Can you provide me with some custom css so that the gap is the same width as the distance between the lines so it is not as large? Let me know if I should create a custom css class for this color section as well. Thanks in advance!

    April 27, 2015 at 4:08 pm #435340
    Yigit

    Hi djshortkut!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 768px) {
article.iconbox.iconbox_left.avia-builder-el-68 {
  margin-bottom: -40px;
}}

    Best regards,
    Yigit

    April 27, 2015 at 5:45 pm #435460
    djshortkut

    Thanks Yigit! That fixed the issue on the iPhone in portrait mode but in landscape mode it is still doing the same thing. I tried flushing the cache and it didn’t make a difference. Can you let me know how to fix that please? Thank you!

    April 27, 2015 at 6:25 pm #435495
    Yigit

    Hi!

    Can you please try adding !important rule as following 

    @media only screen and (max-width: 768px) {
article.iconbox.iconbox_left.avia-builder-el-68 {
  margin-bottom: -40px !important;
}}

    Best regards,
    Yigit

    April 27, 2015 at 8:38 pm #435590
    djshortkut

    Thanks Yigit, I tried adding the !important rule but it didn’t seem to work either. Any other ideas? Let me know if you need me to provide you with login info.

    April 27, 2015 at 8:39 pm #435593
    Yigit

    Hi!

    Please do so :)

    Cheers!
    Yigit

    April 27, 2015 at 8:43 pm #435597
    djshortkut
    This reply has been marked as private.
    April 27, 2015 at 8:52 pm #435610
    Yigit

    Hi!

    I have added additional code to the bottom of Quick CSS field. Please review your website now

    Cheers!
    Yigit

    April 27, 2015 at 8:56 pm #435613
    djshortkut

    That fixed it…thank you so much! You can close this thread.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Formatting of Columns and Icon Boxes’ is closed to new replies.