Search Results for 'mobile menu'

  • Topic: Mobile menu background color

    in forum Handel – Responsive Multi-Purpose Business Theme
    November 7, 2017 at 1:12 pm davewentcodeless
    Participant

    I need some help changing the background color for the mobile menu background. I can’t seem to find the place that lets you modify that.

    Mobile Menu (before click)

    https://s.nimbus.everhelper.me/share/1226878/t2g12s2mq225ld51knwk

    Mobile Menu (after click)

    https://s.nimbus.everhelper.me/share/1226880/2xecs1zdts7rs7po24mo

     

     

    In reply to: disable mobile compact nav menu header

    7 years ago Mirela
    Participant

    Hello,

    Can you please be more specific? As written in my last reply, there are two choices:
    -remove responsiveness of site, and therefore normal menu will display in mobile as well;
    -Keep site responsive but hide mobile hamburger menu and show up normal menu;
    If you are referring to the second method, i can give you the basic code. But as stated before, there is additional styling to do and that is not included in support.
    Please add this code to show normal menu in mobile and hide the default hamburger menu:

    @media (max-width: 991px){
 .cl-mobile-menu-button {
    display: none;
}
  .cl-mobile-menu {
    display: block;
  }
  .cl-mobile-menu nav > ul > li {
    padding-top: 4px;
    width: 15% !important;
    float: left;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}}

    The result for ipad: https://postimg.org/image/28y3tqf6ej/

    Best regards!

    In reply to: disable mobile compact nav menu header

    7 years, 1 month ago anna
    Participant

    what code would i use to disable the mobile hamburger nav menu and allow for full menu on mobile?

    In reply to: disable mobile compact nav menu header

    7 years, 1 month ago Mirela
    Participant

    Hello,

    You can do that. But only if you remove the responsive mode from the site. So it won’t change to mobile menu style when the screen is small. If you keep the responsiveness of the site and want to just change the menu from mobile to normal in responsive mode, then there is a lot of styling you need to add for the menu to show properly like in the desktop version.
    This is a customization not included in support so i suggest you do it yourself or hire a developer to help you.

    Best regards!

    In reply to: Responsive menu not showing up

    7 years, 1 month ago Mirela
    Participant

    Hello,

    Sorry for the late reply.
    There is this option in General Options > Header options > Show header tools in responsive (Mobile), that allows you to switch on/off the option to show or hide the menu in mobile. You had it off already that is why the mobile menu was not showing.
    I changed it already. I also added this css:

    @media (max-width: 480px){
#logo { left: 43px !important;}
#logo img { 
    height: 35px !important;    
    margin-top: -14px !important;}
}

    ..into your custom css to style the logo size in mobile. Result: https://postimg.org/image/7tlndb1haj/
    Please check your site.

    Best regards!

    • This reply was modified 7 years, 1 month ago by Mirela.

    In reply to: Navigation / Header Style – error

    7 years, 1 month ago Ruco
    Keymaster

    Hello,

    I checked it on desktop and mobile and it look pretty fine, the header is sticky, the slider is behind the menu and the nav and socials colors are OK. Can you be more clear whats’ the issue? In what device are you checking?

    Best regards!

    Topic: disable mobile compact nav menu header

    in forum Handel – Responsive Multi-Purpose Business Theme
    October 29, 2017 at 6:54 pm anna
    Participant

    can i disable the mobile version of the menu and keep the full menu layout for phone and tablet users?

    any css code for this?

    In reply to: No mobile menu

    7 years, 1 month ago Mirela
    Participant

    Hello,

    The option to show up menu in mobile was off. I set it ON in Header Options > Show Responsive Menu Dropdown.
    Please check your site.

    Best regards!

    Topic: No mobile menu

    in forum Tower – Business-Driven Multipurpose WP Theme
    October 18, 2017 at 3:42 pm sarahlouisewaterhouse
    Participant

    Hi,

    no sign of a mobile menu on the site. Please can you help.

    https://playjazzweekend.co.uk/rachel

    In reply to: Mobile Not Working

    7 years, 1 month ago Mirela
    Participant
    This reply has been marked as private.

    In reply to: blank space, menu and top header on mobiles

    7 years, 1 month ago 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!

    Topic: responsive problems with safari browser

    in forum Specular – Multi-Purpose WordPress Theme
    October 10, 2017 at 1:57 pm 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

    Topic: blank space, menu and top header on mobiles

    in forum Handel – Responsive Multi-Purpose Business Theme
    October 9, 2017 at 12:54 pm 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

    7 years, 1 month ago 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

    7 years, 1 month ago 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!

Viewing 15 results - 781 through 795 (of 1,327 total)
1 2 3 … 52 53 54 … 87 88 89