Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1064737

    Hi there,

    I am experiencing viewing issues with my website on an Apple iPhone especially the iPhone 6.

    Here’s the website: Website To View

    Looks okay on Android phones. Is there some CSS code that helps make the website play nice with Apple phones.

    Thanks.

    Regards, Ken

    #1064850

    Hey KenMarshall,
    Could you please include a screenshot of the issue on your iPhone? While I don’t have an iPhone I may still be able to assist if I knew what the issue was.
    Otherwise, another team member who has one could assist.

    Best regards,
    Mike

    #1065623

    Hi Mike,

    Have now got the screenshots of the website on the iPhone 6 as requested.

    Hope this helps.

    Screenshot 1
    Screenshot 2
    Screenshot 3
    Screenshot 4

    The pink writing on the screenshots is info for me to pass on.

    Thanks.

    #1065774

    Hi,
    Thank you for the screenshots, when I check the source code of some of your text areas, there are line brakes that are causing the undesired brakes in the sentences, please try viewing these text blocks in the editor with the “text” tab and remove them.
    text-tab
    Please see the screenshots 1, 2 & 3 in Private Content area.
    For your paragraph font, it seems to be “esteban” for desktop and mobile because of this rule in your theme settings:

    body#top{font-size:20px;font-weight:normal;font-family: 'esteban', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;}

    and your headings are “montserrat”
    Please try going to Enfold Theme Options > Advanced Styling and choose the body element and choose the “montserrat” font.
    Or if you prefer, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top #main .avia_textblock p {
    font-family: "Montserrat" !important; 
    }

    As for the burger menu font, it shows as “montserrat” for me, but assuming that it is different on your iPhone, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top .av-burger-overlay-inner li a span.avia-menu-text {
    font-family: "Montserrat" !important; 
    }

    Best regards,
    Mike

    #1066061

    Thanks for this Mike. Much appreciated.

    #1066077

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Accordion Tabs Gap Between each Tab’ is closed to new replies.