#78531 Buttons in top menu toolbar not clickable on mobile devices

Landing Forums Jupiter WordPress Theme Buttons in top menu toolbar not clickable on mobile devices

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • Man. TEI.

    Hello there,

    I just discovered that my top toolbar is not working properly on mobile devices or small devices.
    The customers can’t click on the login button or logout etc…
    Please could you help out as to this?

    Thanks,
    Manoela

    Amir Rather Support Team

    Hi There

    Looks like the Language Selector is overlapping the buttons on smaller devices,

    Try the below CSS in Theme Options > Advanced > Custom CSS

    @media (max-width: 667px){
    body #google_translate_element .skiptranslate {
        width: auto !important;
    }}

    Regards

    Private
    Man. TEI.
    This reply has been marked as private.
    Amir Rather Support Team

    Glad to hear that 🙂

    Private
    Man. TEI.
    This reply has been marked as private.
    Private
    Man. TEI.
    This reply has been marked as private.
    Amir Rather Support Team

    Hi There

    It is better to use the WordPress Import/Export tool in the Dashboard > Tools and export everything save the file and import later.

    or use one of these plugins: https://www.wpexplorer.com/import-export-wordpress-plugins/

    Regards

    Private
    Man. TEI.
    This reply has been marked as private.
    Private
    Man. TEI.
    This reply has been marked as private.
    Tatyana Hutsol Support Team

    Hello,

     

    Subfooter can’t be stretched to full width as it’s inside the footer.

    The width should be changed along with the footer. Let us know if you agree.

     

    Thank you.

    Regards.

    Private
    Man. TEI.
    This reply has been marked as private.
    Private
    Man. TEI.
    This reply has been marked as private.
    Tatyana Hutsol Support Team

    Hello,

     

    The reason is subfooter div is inside the footer section https://take.ms/LUaWh , that’s why it can be stretched along with the footer section.

    I added this code in Theme Options > Advanced > Custom CSS:

    .mk-boxed-enabled #mk-boxed-layout {
    max-width: 100% !important;
    width: 100% !important;
    }
    
    .mk-main-wrapper-holder {
    max-width: 1200px !important;
    margin: 0 auto;
    }
    
    .mk-boxed-enabled #mk-boxed-layout {
    max-width: 100% !important;
    }
    
    #theme-page {
    max-width: 1200px;
    margin: auto;
    }

    Please check the footer now.

     

    Thank you.

    Regards.

    Private
    Man. TEI.
    This reply has been marked as private.
    Amir Rather Support Team

    Please add this CSS as well:

    .mk-footer-copyright, #mk-footer-navigation li a {
        line-height: 16px;
        float: none !important;
        text-align: center;
        display: block;
    }
    Private
    Man. TEI.
    This reply has been marked as private.
    Private
    Tatyana Hutsol Support Team
    This reply has been marked as private.
Viewing 17 posts - 1 through 17 (of 17 total)
You must be logged in to reply to this topic. Login