Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • October 5, 2015 at 8:49 am #513544
    qeeqac

    Hey. I have a problem with the display my page on the phone. Part of the page “contact” does not display correctly. Can I ask for help.
    Regards QeeQac

    October 5, 2015 at 2:20 pm #513793
    Andy

    Hey qeeqac!

    use this code inside your Quick CSS field for your icons:

    @media only screen and (max-width: 767px) {
.iconlist_icon.avia-font-entypo-fontello {
width: 25px; 
height: 25px;
line-height: 25px;
font-size: 15px;
}}

    and this for the layout: 

    @media only screen and (max-width: 767px) {
ul.avia-icon-list.avia-icon-list-right.avia_animate_when_almost_visible.avia_start_animation {
margin-left: -38px;
}
.avia-icon-list-container.avia-builder-el-72.avia-builder-el-no-sibling {
margin-right: -38px;
}}

    Cheers!
    Andy

    October 6, 2015 at 1:32 pm #514366
    qeeqac

    Hey Andy.
    The problem is the incorrect display (sharing) icons. Below screen.
    Cheers!
    QeeQac

    October 6, 2015 at 4:11 pm #514502
    Andy

    Hey!

    not sure what you mean, because I can’t see any sharing icons on your screenshots. Can you show us what you want to achieve please?

    Regards,
    Andy

    October 6, 2015 at 4:20 pm #514517
    qeeqac

    It is a mistake in terms of contact icony :)

    October 6, 2015 at 4:29 pm #514539
    Andy

    Hi!

    sorry, no idea what you mean … can you explain a little bit more precise what you want to achieve please? would be best to see on screenshots what you are trying to do, so we get a clear idea of which kind of CSS code you need.

    Regards,
    Andy

    October 6, 2015 at 4:32 pm #514546
    qeeqac

    Problem is a strange display of icons and captions. icons and descriptions are cut and split in half. Similar icons in other places are displayed one at second.

    October 6, 2015 at 5:04 pm #514592
    Andy

    Hi!

    I already provided you a code for this here. Adjust it as needed.

    Cheers!
    Andy

    October 9, 2015 at 8:43 am #516219
    qeeqac

    Hey Andy.
    The problem persists after entering the code. Here are two screenshots. The first shows the correct placement of icons. Such an arrangement is reflected in a higher post. In the second arrangement you can be seen by entering the code.
    Cheers!
    QeeQac

    October 9, 2015 at 11:40 am #516318
    Andy

    Hi!

    thanks for those screenshots, which made things really clear for us.
    Use this code in your Quick CSS code:

    div .av_one_half {
width: 107%;
}

    Cheers!
    Andy

    October 9, 2015 at 11:45 am #516324
    qeeqac

    Hey Andy.
    Thank you very much.It works :)

    Cheers!
    QeeQac

    October 9, 2015 at 11:53 am #516328
    qeeqac

    Andy. The problem appears now at full resolution.

    October 9, 2015 at 11:58 am #516333
    Andy

    Hi!

    oh yes, sorry. Add some media queries to my code from above:

    @media only screen and (max-width: 767px) { 
div .av_one_half {
width: 107%;
}}

    This way it will only work on mobile devices (with a max resolution of 767px).

    Regards,
    Andy

    October 9, 2015 at 12:03 pm #516340
    qeeqac

    Screen with a screen with higher resolution (more then 767px)

    October 9, 2015 at 12:40 pm #516379
    Andy

    Hi!

    If you use my code from here, it will only work for devices with a max width of 767px. Don’t forget to remove this code.
    Clear browser cache and hard refresh.

    Regards,
    Andy

    October 9, 2015 at 12:45 pm #516381
    qeeqac

    Hey Andy.
    Thank you very much! It works OK after clear browser cache.

    Cheers!
    QeeQac

    October 9, 2015 at 12:53 pm #516388
    Andy

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Cheers!
    Andy

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