Search Results for 'mobile menu'

  • Mirela
    Participant

    Hello,

    Are you referring to the mobile menu?(screenshot) Or Extra Side Navigation three bar icon? (screenshot)

    Best regards!

    centralstates
    Participant

    in mobile, our hamburger menu is very long and requires a lot of scrolling to go through it. is there anyway to have the submenus collapse and just show the menu headers until they are clicked on to expand?  if this is not possible, is it possible to create a second simpler menu or any other options to create an easier to navigate mobile menu?

    Our support time period has expired, but I’ll happily sign up for an extended support or repurchase the theme if you are able to help.

    Mirela
    Participant

    Hello,

    I checked your site and the Custom Css box in General > Custom Codes, is empty. I already added the last code here and the mobile menu drop-down font is already white. Please clear cache and check your site.
    Let us know.

    Best regards!

    jgifhorn
    Participant

    Hm… this seams not to be working. I entered:
    .cl-mobile-menu-button.cl-color-light span {
    background-color: #383838 !important; }
    .cl-mobile-menu nav > ul > li > a {
    color: #ffffff !important;}

    but the text is still black on my mobile and not white.

    Mirela
    Participant

    Hello,

    Yes, sure. Just add this code too:

    .cl-mobile-menu nav > ul > li > a {
        color: #ffffff !important;
    }

    Edit the color to your wish.

    Best regards!

    jgifhorn
    Participant

    Ah…. cool… that helped. Now I have a regular Menu on the normal size pages and hamburger on mobile. :)

    But for mobile, is there a way to change the menu font color within the overlay as well? At the moment it is black on gray. I like the grey background, but i would like to have a lighter font. But I don’t want it to effect the ofter menu font color.

    Mirela
    Participant

    Hello,

    The mobil emenu icon is there but happens to be white. So with the white background, you do not see it.
    Add this code into your custom css box:

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

    Change the color to your wish.

    Best regards!

    jgifhorn
    Participant
    This reply has been marked as private.
    jgifhorn
    Participant

    Update: in the meantime I found the settings for the menu. But now I can choose between two bad options. Either I have the menu for PC I want (all the Words next to each other) and no menu at all for mobile OR I have the Hamburger Menu at mobile AND PC, which is fine for mobile but kinda strange for PC. I actually expect to define here different types of menu for mobile or PC. I want the regular menu on PC and the Hamburger Menu on mobile. Other Themes do that automatically.

    jgifhorn
    Participant

    Hello, please help me to show the Header-Menu within the mobile Version of the page:

    http://www.kundenkarma.de

    khelgeson
    Participant

    I am working on testing my site to troubleshoot any responsiveness issues and I am noticing a big one that I can’t seem to correct. Here is the dev site: https://terranaut.staging.wpengine.com. When you shrink the width of the the browser window the header and Rev Slider adjust correct but then a gap the height of the header (130px) appears and I can’t get it tightened up. I know it has something to do with the value I have entered under the theme settings > Header Options > Header Height but without that value the header get super small. I have been able to force the header back to the correct size using CSS but then the mobile menu doesn’t appear correctly. How do I get rid of this gap? I found a similar item in the forum but there was no response, https://support.codeless.co/?action=bbp-search-request&bbp_search=gap+below+header. This is the last thing I need to get situated before I can push the site live so please let me know what needs to be adjusted as soon as you get a chance. Thank you.

    In reply to: activate mobile menu

    Mirela
    Participant

    Hello,

    Please add this code into your custom css box:

    @media (max-width: 1179px){
    header#header #navigation { display: none !important;}
    .mobile_small_menu { display: block !important;}
    #logo { float: right; padding-right: 35% !important;}
    .menu-small ul.menu > li > a {
        color: #101010 !important;
    }}

    Best regards!

    marco.resinofacile
    Participant

    Hi,

    could you please help me for this more topic on this site:

    https://www.centrodellaceramica.innovaimpresa.com/

    I have a very large main menu. It is too large already for 1024px screens. In fact it falls down.

    See screenshot: https://www.marco-marino.it/specular-main-menu-too-large/

    I thing I could solve this by activating the mobile dropdown menu already from 1024px screens to smaller ones?

    Do you thing it’s a good solution? How can I do this?

    Regards

    Marco

     

    • This topic was modified 8 years, 1 month ago by Mirela.
    marco.resinofacile
    Participant

    Hi,

    I have this problem on mobile screens:

    site https://www.centrodellaceramica.innovaimpresa.com/

    In top header left widget I placed the WPML language switcher and a custom menu (containing just 1 item). It’s ok both on desktop and mobile screens.

    In top header right widget I placed a menu with 5 items. But on mobile screens maybe the menu is too large and it seems going down in another line and, as the background is no more green the white menu voices are no more visible.

    Could I change the color of top widget right menu just for mobiles? So they would be visible.

    As this top widget right area falls down it covers the image of the flex slider. Could I place some margin-top to flex slider on mobiles so that it will not be covered ?

    Please see screenshot here:

    https://www.marco-marino.it/top-widget-area-items/

    Regards

    Marco

     

    In reply to: Blog post settings

    Mirela
    Participant

    Hello,

    To switch the positions of the logo in mobile i edited out the previous code i gave you for the logo to this:

    @media (max-width: 480px){
    #logo {
        float: left !important;
        margin-left: -19px !important;
    }
    .mobile_small_menu {
        left: 100% !important;
    }}

    Please clear cache and refresh page.

    -The slider issue is very strange. We tried to reproduce it on our side but it does not happen. I recommend you not use Layer slider if the slider will consist of only one image. Layerslider is very heavy. I suggest you add page header image for this. Or use one of the other sliders.
    I tested them on your blog page and they do work well.
    Let us know.

    Best regards!

Viewing 15 results - 841 through 855 (of 1,354 total)