Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 9, 2014 at 3:48 pm #315931
    FMIS

    Hi and thanks again for the great theme!

    I have a phone number in the right hand side of the main menu which works fine on everything except an Ipad! I have spent ages trying to figure it out but no luck.

    I have added the following code to functions.php

    /*
    *Add phone number to menu tab
    */
    add_action(‘ava_after_main_menu’,’ava_phone_after_main_menu’);

    function ava_phone_after_main_menu() {
    echo “<div class=’header-phone-number’>+44 (0) 1227 773003</div>”;
    }

    and this to the quick css

    /* phone number in header */
    div.header-phone-number {
    display: block;
    position: absolute;
    right: 45px;
    top: 8px;
    color:#ffffff !important;
    }
    /*i-phone*/
    div.header-phone-number a{
    display: block !important;
    position: absolute !important;
    width: 125px;
    color:#ffffff !important;
    }

    Please could you let me know what I am getting wrong!

    September 10, 2014 at 12:41 pm #316471
    Yigit

    Hey FMIS!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.main_menu, #header_main_alternate {
display: block;
}}

    Regards,
    Yigit

    September 10, 2014 at 3:05 pm #316633
    FMIS

    Hi Yigit,

    I tried that and I am still getting the same issue. I tried moving it to the top of the quick css as well.

    Thanks for your help.

    September 10, 2014 at 5:51 pm #316811
    Yigit

    Hi!

    You have added the code as following 

    @media only screen and (max-width: 767px) {
.main_menu, #header_main_alternate {
display: block;
visibility: collapse;
}}

    please remove ” visibility: collapse; ”

    Cheers!
    Yigit

    September 10, 2014 at 6:10 pm #316824
    FMIS

    Hi Yigit,

    Thanks. I added that extra very briefly just to see if it was picking up the media query and have removed it again.
    Interestingly, It didn’t make any difference.

    Thanks,

    John.

    September 10, 2014 at 6:14 pm #316825
    Yigit

    Hey!

    I am not sure what went wrong but when i checked it was still in Quick CSS, i removed it and phone number shows up on my end now. Please flush browser cache and check your website once again

    Cheers!
    Yigit

    September 10, 2014 at 6:33 pm #316833
    FMIS

    Hi Yigit,

    I have cleared down the browser cache and cookies and still having the same issue. I am viewing it on an Ipad2 using Safari if that makes a difference.

    It works fine on the emulators, but not on the real thing.

    Cheers,

    John.

    September 10, 2014 at 10:32 pm #316967
    Yigit

    Hey!

    Unfortunately i do not have a chance to check your website on an actual ipad but i checked on my iphone and it does show up fine there as well in both portrait and landscape modes – http://imgur.com/a/Zk4w6

    Cheers!
    Yigit

    September 11, 2014 at 12:05 am #317030
    aribann

    this can be helpful
    http://mobiletest.me/ipad_mini_emulator/#u=https://kriesi.at/support/topic/phone-number-does-not-render-on-ipad/

    • This reply was modified 10 years, 2 months ago by aribann.
    September 11, 2014 at 12:07 am #317032
    aribann

    there are others
    https://www.google.com/?gws_rd=ssl#q=ipad%2Bemulator

    September 11, 2014 at 9:38 am #317225
    FMIS

    Hi Yigit and Aribann,

    Thanks so much for all your help. Somehow it is working fine this morning, so all is well.

    Cheers,

    John.

    September 11, 2014 at 12:52 pm #317324
    Yigit

    Hi!


    @fmis     glad it is working fine now. It was probably caching issue. Let us know if you have any other questions or issues!

    @aribann     thank you for helping :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Phone number does not render on ipad’ is closed to new replies.