Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #686967

    I have posted a few times with this issue, no response? Am I doing something wrong?

    For some reason the mobile site is not displaying the telephone number correctly on most phones (works fine on my iphone 6s) But other phones are having an issue where it will not display.

    I would also like to know if there is a way to keep the phone number follow down the page in the mobile version?

    This is the CSS I have added so far for the header:
    @media only screen and (max-width: 767px) {
    .av_phone_active_left .phone-info {
    padding-left: inherit;
    }

    #686968

    Hey tampaprinting,

    Can you please post a screenshot and show the issue? I will mark your other threads as resolved. Let us continue here :)

    Best regards,
    Yigit

    #686983

    [IMG]http://i68.tinypic.com/xnvgj7.png[/IMG]

    Thanks!

    #686985

    Image and video hosting by TinyPic

    #686993

    Hi,

    You have inserted your phone using following HTML

    
    <font size="3">Call 813-664-0022</font>

    Please change it to following instead

    Call 813-664-0022

    then add following code to Quick CSS

    .av_phone_active_left .phone-info { 
    font-size: 16px;
    }
    @media only screen and (max-width: 480px) {
    #header_main {
        padding-top: 30px;
    }
    #header_meta {
        position: fixed;
        width: 100%;
    }}

    Best regards,
    Yigit

    #686998

    How can I disable the shop icon?

    #687000

    So the phone number at the top still only says “call now” Doesnt show up with the phone number.
    And is there a way to make the main menu scroll down also?

    #687002

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .responsive #top .cart_dropdown { display: none !important; }
    .phone-info span {
        color: red!important;
    }
    

    And change following code

    @media only screen and (max-width: 480px) {
    #header_main {
        padding-top: 30px;
    }
    #header_meta {
        position: fixed;
        width: 100%;
    }}

    to following one

    @media only screen and (max-width: 480px) {
    #header {
        position: fixed!important;
        top: 0;
    }
    .responsive #top #main { 
    padding-top: 80px !important; 
    }}

    Best regards,
    Yigit

    • This reply was modified 8 years, 3 months ago by Yigit.
    #687009

    Perfect for the shop icon and sticky header

    As for the other phones here is a couple examples of whats happening-
    Image and video hosting by TinyPic
    This is on a samsung j7 display

    And an Iphone 6s+ – Image and video hosting by TinyPic

    Looks great on my iphone 6s.

    #687015

    Oh and the slider is showing up under the header now.
    GAHH This is frustrating haha

    #687027

    Here is the log in info for admin
    Yes you can disable plug ins/edit CSS If you need

    #687135

    Just made a discovery, It seems that its safari thats messing it up, for some reason it stays white before you click it, and then it turns black once you have tapped where the phone number is

    Still having the issue with it blank until you tap it, and the double line text on other phones.

    #687143

    I fixed it, Thanks for the info.

    #687906

    Hi,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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