-
AuthorPosts
-
September 9, 2014 at 3:48 pm #315931
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 #316471Hey 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,
YigitSeptember 10, 2014 at 3:05 pm #316633Hi 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 #316811Hi!
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!
YigitSeptember 10, 2014 at 6:10 pm #316824Hi 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 #316825Hey!
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!
YigitSeptember 10, 2014 at 6:33 pm #316833Hi 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 #316967Hey!
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!
YigitSeptember 11, 2014 at 12:05 am #317030this 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, 1 month ago by aribann.
September 11, 2014 at 12:07 am #317032there are others
https://www.google.com/?gws_rd=ssl#q=ipad%2BemulatorSeptember 11, 2014 at 9:38 am #317225Hi 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 -
AuthorPosts
- The topic ‘Phone number does not render on ipad’ is closed to new replies.