Heater and Footer Issues on Mobile

[addabble]

Hello,

I tested this on my mobile phone, and both the header and footer menu links on mobile aren’t clickable, and my header’s button is cut off. What is the best way to correct?

Thank you!

[tristup]

Hi @addabble,

Thanks for reaching out.
I have checked your website on my Android mobile phone and in different mobile devices using the browser Device Toolbar and found the menus are working fine. The footer menu is not clickable only if the header menu is open and overlapping it. I have also found the issue with the button, please add the following custom CSS code into the Element CSS of the Button element to adjust the font size in the smaller screens.

@media  (max-width: 480px) 
{
    $el.x-anchor .x-anchor-text-primary
    {
        font-size:13px;
    }
} 

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes, which means we can’t fix it if it conflicts with something on your site nor will we enhance it.

Thanks