Search Results for 'mobile menu'

  • Mirela
    Participant

    Hello,

    I can see the menu is visible in mobile, please see screenshot: https://postimg.org/image/dtmkfiz7r/
    https://postimg.org/image/tf3vzidqv/

    Please check and let me know.

    Best regards!

    grouchingtiger
    Participant

    Hello,

    This helps very much, thank you.  However, between 1150 and 979 px width, while we see the mobile menu, the header does not yet appear above the slider/header background image.  At 979 px and below the white header appears above the slider or header background image as expected.  Is this something that can be fixed with custom CSS?

    Thanks.

    Bels_06
    Participant
    This reply has been marked as private.
    Mirela
    Participant

    Hello,

    Please add this code into your custom css box:

    @media (min-width: 979px) and (max-width: 1150px){
    #navigation { display: none !important;}
    .mobile_small_menu { display: block !important;}
    #logo img {margin-left:100% !important;}
    }

    Let us know.

    Best regards!

    grouchingtiger
    Participant

    Hello.

    This is something we would like to do.  The link to the site is https://www.axiom4.com/. It looks like in order to prevent the main menu from wrapping, we’ll need the mobile menu to show up at a width of 1150 pixels.

    Thanks.

    Mirela
    Participant

    Hello,

    There is no option for this. The max width of the screen where the mobile menu is set to start showing and that of desktop to hide, is set up in the code.
    You can modify this using custom css. I can send you the code, but i need to see a link of the site first. In what screen width do you want to mobile to start showing?

    Let us know.

    Best regards!

    zapatoagil
    Participant
    This reply has been marked as private.
    Mirela
    Participant

    Hello,

    1-The hamburger menu is there but the color of the bars is white and that is why you do not see it. I changed that to black with custom css. i Added this code:

    .cl-mobile-menu-button.cl-color-light span {
        background-color: #303133 !important;
    }

    2-Where is the word “Commercial” located? Can you post a screenshot of it?
    3-I added this code to fix all responsive issues:

    @media (max-width: 480px){
    	.cl-mobile-menu-button.cl-color-light span {
        background-color: #303133 !important;
    }
    	.cl_socialicon.cl-element.round {
        margin-left: -1px !important;
    }
    	.header_container > .main .header-el:last-child {
        margin-left: -36px !important;
    }
    }

    Result screenshot: https://postimg.org/image/j3gx63dif/
    Let me know.

    Best regards!

    Mirela
    Participant

    Hello,

    The menu is there in mobile but the font is black and that is why you do not see the menu items. Please add this code into your Additional Css:

    @media (max-width: 480px){
    .header_container.menu-full-style #navigation nav a {
        color: white !important;
    }
    }

    -Can you please be more clear on the desktop menu issue? I don’t understand well what is wrong..

    Best regards!

    Bels_06
    Participant

    Morning

    Please have a look at this image

    https://www.belsandpeter.com/images/mobile_errors.jpg

    1 – The hamburger menu is not showing up – how to make it visible?
    2 – what needs to be done for this word to be fully visible? The word is Commercial. It happens on other pages to
    3 – One of my social media buttons (email) has ‘fallen off’ – not showing

    Please help with these issues but I dont want my website to change.

    Also the slider on the homepage – the images are way to large and not showing correctly.
    Thanks
    Belinda

    zapatoagil
    Participant

    Hi guys, my problem is when the consult my web site in any mobile devices DONT SHOW MENU and the other problem is when i change the main menu in the setup wizard DO NOT the change in the main menu show other menu NOT show main menu
    My website is: https://zapatoagil.com/e-commerce/

    Mirela
    Participant

    Hello,

    The mobile menu was not showing because the option to make it show in first place, was off. I set it on again. The option is General Options > Header Options > Show Responsive Menu Dropdown.

    -Can you please try to deactivate the third party plugins and try again? There is something else triggering the content to go up after the first action (tap/scroll) in the page. clear cache and try again with all third party plugins deactivated.
    Let us know how it goes.

    Best regards!

    COTRI
    Participant

    Hi again,

    1) Thank you very much, the Logo and the Hamburger button is OK.

    2) The slider does not look the same for me as for you on my iOS machine (iPhone 6.) I tried to adjust the code you suggested even further, still could not make it look OK on mobile. It is just not adjusting as expected. This is what I see:

      

    3) The menu just changed like two days ago. The logo and the navigation menu was like this for more than a year, why did it change now? I tried the padding adjustments as suggested, as well as, making the logo smaller. I am not sure, can you still check on this. You have the credentials, feel free to adjust anything so this works.

    Best regards,

    Egle

     

     

     

     

    COTRI
    Participant

    Hi again,

    1) Thank you very much, the Logo and the Hamburger button is OK.

    2) The slider does not look the same for me as for you on my iOS machine (iPhone 6.) I don’t know what to do. When you guys can’t fix it, I can’t either. I tried to adjust the code you suggested even further, still could not make it look OK on mobile. It is just not adjusting as expected. This is what I see:

        

    3) The menu just changed like two days ago. The logo and the navigation menu was like this for more than a year, why did it change now? I tried the padding adjustments as suggested, as well as, making the logo smaller. I am not sure, can you still check on this. You have the credentials, feel free to adjust anything so this works.

    Best regards,

    Egle

     

     

     

     

    Mirela
    Participant

    Hello,

    This is not theme issue. I have already explained the situation in this other topic of yours:
    https://support.codeless.co/?topic=mobile-website-not-correct
    The header width is fixed. If the logo is too wide and you keep on adding menu items to menu, it will come a moment when the menu width will exceed the available space in header and will scroll down.
    Gain more space by reducing padding between menu items. I added this css into your Custom Css box to reduce the logo size:

    #logo {
        width: 35% !important;
    }

    This screenshot explains better the situation: https://postimg.org/image/kkv8rb3g5/
    Let us know if you need further help.

    Best regards!

Viewing 15 results - 721 through 735 (of 1,327 total)