Search Results for 'mobile menu'

  • Mirela
    Participant

    Hello,

    1-Yes, that was it. I put the code inside the @media rule so it will take effect only for screens larger than 1024px.

    2-The “Estatik Pro” plugin is the culprit. I deactivated it and the menu in mobile shows up just fine. Please check it.

    3-You can make it visible using custom css. Add the custom code into your custom css box in General. Sorry but this is a personal customization not included in support.
    Let us know.

    Best regards!

    marco.centrodellaceramica
    Participant

    Hi,

    I am coming back to an issue already discussed and solved for

    https://www.centrodellaceramica.innovaimpresa.com

    regarding adjustments of top menu items, site logo and mobile menu position.

    We applied this custom css code to solve visibility problems:

    @media (max-width: 480px){
    .header_10 #logo { left: 5% !important; }
    .mobile_small_menu { top: 70% !important;}
    #logo img {max-height: 42px !important;}
    }
    
    @media (max-width: 1179px){.top_nav .widget ul li a { color: black !important;}}
    
    @media (max-width: 1179px){.top_nav { display: block !important;}}
    
    @media (max-width: 1179px){
    .top_wrapper {
    padding-top: 80px !important;
    }}
    .list li.simple {
    font-size: 18px !important;
    padding-bottom: 12px !important;
    }
    

    It’s all ok, BUT NOW I DISCOVERED THAT ON SAFARI BROWSER IT SEEMS NOT WORKING.
    IT SEEMS THAT THESE CSS CUSTOM CODES DO NOT WORK ON SAFARI

    Could you help?
    Regards
    Marco

    Marco
    Participant

    Hi,
    I have some problem of visibilty on mobiles for the site misanoimmobiliare.it

    1) There is a blank space between header and the layer slider.
    I do not know if this is caused by this code we added:
    div#layerslider_2 {
    margin-top: 90px !important;
    }

    2) there is no menu iteam appearing on mobile when click on the mobile menu icon

    3) How can I make the top header row visible on mobile?

    Thank you
    Marco

    In reply to: mobile menu button

    marco.centrodellaceramica
    Participant

    Ok, but if I remove this cutsom css the menu item will stay over one of the item of the top header menu.
    So I solved in thsi way:
    I removed the menu item “contatti” fromm the top header on mobiles screens (480px), so the menu icon will not overlay any other element.

    Still some problem of visibility remained when the menu was clicked, and it seems to be solved by using this other code instead:

    .mobile_small_menu {
    top: 70% !important;
    }

    It seems ok now,
    I will make some checks and hope that do no need more help
    thanks
    Marco

    In reply to: mobile menu button

    Mirela
    Participant

    Hello,

    The

    .mobile_small_menu {
        margin-top: 45px !important; 
    }

    in the custom css added, is the culprit. Comment it out and try again. See screenshot:
    https://postimg.org/image/2zew9p88ej/

    Best regards!

    marco.centrodellaceramica
    Participant

    Hi,

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

    there is some problem to view the mobile menu button.

    The button seems to be correctly showed on smartphone, but as I click the menu to open the menu and get all menu items listed, the button itself disappear.

    It appears again if I rotate the phone to a landscape view.

    Could you please help?

    Note that I added some css code for mobile menu becouse in this site top header navigation has many icons and one more menu, so it takes some spaces…

    This is some code I added:

    @media (max-width: 1179px){

    header#header #navigation { display: none !important;}

    .mobile_small_menu { display: block !important;}

    #logo { float: right; padding-left: 35% !important;}

    .menu-small ul.menu > li > a {

    color: #101010 !important;

    }}

    @media (max-width: 480px){

    .header_10 #logo {

    left: 5% !important;

    }

    .mobile_small_menu {

    margin-top: 45px !important;

    }

    #logo img {

    max-height: 42px !important;

    }

    }

    @media (max-width: 480px){.top_nav .widget ul li a {

    color: black !important;

    }}

    Regards
    Marco

    GioDuke
    Participant

    Hi. I was checking a website client after several time and I found that mobile menu did not work properly anymore.
    I checked responsive options and header options, but I think everything is fine. What am I missing?
    Can you help me?
    regards

    https://www.becoolfitness.com

    andieskovron
    Participant

    COLLAPSIBLE MOBILE SUBMENUS

    andieskovron
    Participant

    Great – that worked!

    2 other things.

    1. Is there a way to move the nav drop down closer to the top tier nav?

    2. “Mobile Menu”, currently all the menu items are open when you tap the mobile menu – is there a way to have main nav open, with option to then tap those to open drop downs?

    thanks for you help!

    Mirela
    Participant

    Hello,

    Please edit the code to this:

    @media (max-width: 480px){
    #logo img {
        max-height: 88px !important;
        margin-top: -42px !important;
    }
    #logo { float: left !important;}
    .mobile_small_menu {
        margin-left: 85% !important;
    }}
    

    Result screenshot: https://postimg.org/image/fg40hf7w5/

    Best regards!

    Valorem
    Participant

    Hello !

    First of all, thanks for your reply :)
    My bad for the wp mega menu, the menu is nice now !
    I solved the blogs problem. It was my wordpress read settings which limited the nb of posts showed in one page. Good to know.

    So everything’s fine now except ONE last thing. On my homepage slider, there is a a slide with a video background which doesn’t works on mobile. The background stays blanks.
    I tried to deactivate the slide on mobile and tablets but the slide remains in the slider except that nothings appear. :/ What can I do ?

    Best regards,

    • This reply was modified 8 years, 3 months ago by Valorem.
    Mirela
    Participant

    Hello,

    -Sorry but i don’t have a fixed date for when the other theme update will be available.
    -The “WP Mega Menu” plugin was conflicting with theme’s menu scripts. I deactivated it and now the menu in mobile shows up well. See screenshot: https://postimg.org/image/u841jxzg5/

    -I checked the blog page, but all posts show up. Until the very oldest of your posts. See screenshot: https://www.clipular.com/c/6612851979714560.png?k=-Argqm0YZsBpO0aaS3xbBR0qA4A

    Please know that we do not support third party plugins.

    Best regards!

    Valorem
    Participant

    Hi !

    Can you tell me when the fix for the sticky menu will come out ?

    Also I have 2 big problems which are very annoying :

    • Hamburger Menu doesn’t works on mobile phone
    • The blog only shows few posts and not all : the infinite scroll doesn’t make older posts appear. It works only in the cl builder or when i use yellow pencil (CSS editor)

    Can you fix that please ?

    Best Regards,

    In reply to: Hard to customise

    Mirela
    Participant

    Hello,

    The menu can be styled in Tower > Header Options > Menu Options. To allow the menu to jump to an anchor in page, you need to have set the site as a one page site. Or use full links to menu instead of just the id.

    Where are you using the font in mobile?
    Please send us some valid wp credentials in a private reply. Let us know what questions do you have on the use of theme. We will guide you thru it until you have the site you want.

    Best regards!

Viewing 15 results - 826 through 840 (of 1,362 total)