Several issues when viewing website on iPhone, Safari, and iPad Chrome/Safari

Hey QuantumPhysics,

Thank you for the inquiry.

We are able to reproduce the menu issue on a Simulator but not the others as shown in the screenshot below.

Screenshot: https://imgur.com/rwxmUPM

Adding the following css code should fix the menu issue.

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a .avia-menu-text {
    color: #333333;
    display: block !important;
}

Best regards,
Ismael

Hi,

-Some heading text is showing as striked out, but after I zoom in/out it shows fine

We are able to reproduce the heading issue on an iPad Pro 1st gen simulator. Try this css code to prevent the heading within the text block from getting cut off.

.avia_textblock {
    overflow: visible !important;
}

Have you tried using the Special Heading element instead of manually adding the heading inside a text block?

The items in the default menu is still not visible on iPad Pro. You may need to add this css code to fix it.

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    display: block !important;
}

Did you adjust the transition settings of the layer slider heading? We can see the issue on the simulator but we cannot figure out why it shrinks. Have you tried adding a minimum height to the layer?

Best regards,
Ismael