Search Results for 'mobile menu'

  • digibob
    Participant

    Hi
    Is it possible to have an alternative menu for mobile?
    A lot of the pages don’t look great on mobile and I have to re-do them.
    The search on this forum wasn’t working.
    Cheers
    Rob

    Mirela
    Participant

    Hello,

    Sorry for the late reply.
    1-I made several tests of the page in different mobiles and in nexus 5x simulator but the map is static. Please clear your phone cache and refresh page.

    2-I fixed it. The “Right menu” is showing up in mobile now. Since the current menu is different from the normal menu (it is composed by two different menus), the side menu in mobile called the main menu, which was undefined.
    So i switched back to simple menu, assign the “Right menu” to it, then switched back to left-right menu style.
    Please check your site and let us know.

    Best regards!

    • This reply was modified 8 years, 6 months ago by Mirela.
    kyleburt
    Participant

    Please add the ability to easily move the mobile menu to the right instead of the left. By default, (using business 4 theme) the menu is on the left on and the main logo is pushed all the way to the right side. I would prefer at least the logo to be centered on mobile, but also switching the menu location would force the logo to the right side, which is fine as well.

    Mirela
    Participant

    Hello,

    The logo is due to the Sticky Logo enabling. I set OFF the Header Options > Sticky Nav > sticky Logo option and now the logo is back.

    -For the mobile version logo and menu, i added this code into your custom cs sbox:

    @media (max-width: 767px){
    .menu-small { left: -55px;}
    .header_tools {
        display: block !important;
        height: 10%;
        margin-top: -85px;
        margin-right: -26px;
    }
    a.mobile_small_menu.close {    margin-left: -33px;}
    a.mobile_small_menu.open {    margin-left: -33px;}
    }
    

    It’s like the demo now. Please check your site.

    Best regards!

    Mirela
    Participant

    Hello,

    The logo is due to the Sticky Logo enabling. I set OFF the Header Options > Sticky Nav > sticky Logo option and now the logo is back.

    -For the mobile version logo and menu, i added this code into your custom cs sbox:

    @media (max-width: 767px){
    .menu-small { left: -55px;}
    .header_tools {
        display: block !important;
        height: 10%;
        margin-top: -85px;
        margin-right: -26px;
    }
    a.mobile_small_menu.close {    margin-left: -33px;}
    a.mobile_small_menu.open {    margin-left: -33px;}
    }
    

    It’s like the demo now. Please check your site.

    Best regards!

    ivan2805
    Participant

    Hi

    i,’m using tower theme, i have 2 questions, they are:

    1. I dont know what happened but the logo of my website that are supposed to be in the left menu are missing.

    2. the menu in mobile view are seems odd. i want to have the mobile menu such as in your demo here https://codeless.co/tower/creative/

     

    you can see my website in

    https://prestige-wear.com/

    Mirela
    Participant

    Hello,

    This requires code editing that is not included in theme support. You can add this code into your custom css box:

    @media only screen and (max-width: 600px) {
      .codeless_custom_menu_mega_menu .hasSubMenu {
        display: none !important;
      }
    }

    To hide it in mobile. A good news is that we will change the mega menu layout in mobile in the next update.

    Best regards!

    Mirela
    Participant

    Hello,

    This requires code editing that is not included in theme support. You can add this code into your custom css box:

    @media only screen and (max-width: 600px) {
      .codeless_custom_menu_mega_menu .hasSubMenu {
        display: none !important;
      }
    }

    To hide it in mobile. A good news is that we will change the mega menu layout in mobile in the next update.

    Best regards!

    sherwin
    Participant

    Hello

    Thank you for your response.

    1. That code doesn’t seem to work. The problem I’m having there is that the megamenu disappears too quickly if you want to reach the links on the far left. Is there a way we can delay when the menu disappears?

    2. Solved using some CSS:

    .blog-article iframe {
      width: 820px;
      height: 461px;
    }

    3. Solved. Your code works, thank you.

    4. Solved – I’ve done a CSS workaround by using:

    @media (max-width: 979px) {
      .header_wrapper {
        background: #1c1c1c !important;
      }
      .background--dark header#header .header_tools * {
        color: #FFF;
      }
      .background--dark .mobile_small_menu {
        color: #FFF !important;
      }
      .mobile_small_menu.open::before,
      .mobile_small_menu.close::before {
        color: #FFF !important;
      }
    }
    Alex
    Participant

    Dear Support Team,

    please assist with next issues (web site https://www.brics-consulting.ru/ ):

    1) We have a Multisite Language Switcher widget in header area. It is visible on desctop version, but it disappears for some reason on mobile devices. How to fix it?

    2) Our current Responsive menu style is “Side Menu”. And our “Services” item looks not very very well on mobile devices as we use Mega Menu. How to desable Mega Menu for mobile devices, but keep using it for desctop version?

    Thank you in advance.

    BR, Alex

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

    Hello,

    I am facing some minor issues with the theme. I will post images/links in a private reply after this post.

    1. Megamenu hovering – The megamenu works, but it seems a little fiddly. The megamenu disappears as soon as the mouse cursor leaves the top-level menu item area. The only way to keep the megamenu visible is to move the mouse directly down, and then across to the left in order to reach a link in the megamenu. Maybe we can delay when the megamenu dissapears? Also, is there a way to move this menu slightly to the right? (I’ll provide image in a private reply)

    2. Video overflows on blog post – on a blog post, if you embed a video (I’ve only tried with Youtube), the video overflows out of the blog post container. (I’ll provide link in a private reply)

    3. Header background on blog post – I’ve set the navigation header background colour to black with white font & logo. However, when viewing a blog post, the header does not have a black background colour anymore. I’ve tried setting both Light Version Header and Dark Version Header in the page options. (I’ll provide link in a private reply)

    4. Mobile header background colour – When viewing the site on mobile, the header has a white background colour with white logo – making it impossible to see the logo. The mobile header is meant to have a black background colour. (I’ll provide image in a private reply)

    In reply to: Responsive Issues

    Mirela
    Participant

    Hello,

    Yes, please add this code into your custom css box:

    @media (max-width: 480px){
    .mobile_small_menu { color: #209DD8 !important;}
    }

    Edit the color to your wish.

    Best regards!

    In reply to: Responsive Menu

    Mirela
    Participant

    Hello,

    Please add this code into your custom cs sbox:

    @media (max-width: 1195px){
    nav.main_menu.drop_down.right { display: none;}
    .mobile_menu_button {  display: table;}
    .content { top: 57px;}
    }

    Best regards!

    bali585
    Participant

    Hi, I recently updated to version 1.7 from 1.6 because of Visual Composer not working. But now the sticky menu does not work. It is switched to ON but still it does not work.

    Also on a mobile device, the menu does not work. It is visible but not working.

    Thanks for your support

    Ali

Viewing 15 results - 1,051 through 1,065 (of 1,327 total)