Search Results for 'mobile menu'

  • 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

    alexflo
    Participant

    Hi, I just noticed my website isn’t mobile friendly anymore. It used to adjust accordingly to my mobile devices (menu, sections of my page) but now, it just looks like a smaller version of the desktop version.

    In reply to: Responsive Issues

    alexflo
    Participant

    No problem! Is there a way to change the color of the menu button that is show on mobile? (three lines) There isn’t an option for this in the panel. Thanks!

    Mirela
    Participant

    Hello,

    Sorry for the late reply.

    1-To make text bold add this code:
    nav .menu li a:hover { font-weight: bold;}

    Add this for the mobile:

    @media (max-width: 979px){
    .snap-drawer #navigation nav .menu > li a:hover {  font-weight: bold;}}

    2-For the images, add this code instead:

    .search-results .blog-article .media .overlay {
        background: rgba(209, 193, 159, 0.61);
    }

    4-Add this code too:
    @media (max-width: 767px){.row-fluid.row-google-map { pointer-events: none;}}

    6-Please check the credentials as i can’t login.

    Best regards!

    Mirela
    Participant

    Hello,

    1-Are you referring to the mobile menu drop-down or the desktop? The mentioned changes can be done with some css.
    Add this code for the on hover background color of desktop menu:

    nav .menu li > ul.sub-menu li:hover {
        background: rgba(239, 239, 239, 0.75) !important;
    }

    Add this for the mobile:

    @media (max-width: 979px){
    .snap-drawer #navigation nav .menu > li:hover {
     background: rgba(239, 239, 239, 0.75) !important;
    }}

    2-Do you mean the h1 titles color on hover? Add this code:

    .search-results h1 > a:hover {
        color: #9A2BE0 !important;
    }

    3-Sorry but this requires code modification that takes quite some time and it is not included in support. You could hire a developer to do it for you.
    A workaround is to remove the theme search at General Options > Header Options > and add woocommerce search widget. Add the widget in top header area.

    4-I added this code into your custom css box:
    .row-fluid.row-google-map { pointer-events: none;}
    Inside the @media (max-width: 480px) block.
    5-Add this code:

    .header_tools .cart {
        border: 2px solid #80296A;
        border-radius: 5px;
        width: 33px;
        height: 33px;
    }
    header#header .header_tools .cart .cart_icon {
        top: 9px;
        left: 2px;
    }

    To add a border to cart icon. Or you can add a background image too with css.

    6-This is strange. I checked it on our side and it does not happen. Please send us your ftp credentials in a private reply. We need to check the menu files.

    PS: I am happy to know you are satisfied with our support. Thank you for your appreciation!

    Best regards!

    Kosiarka
    Participant

    Hi,

    I will glue to this topic as i have exactly the same problem. Screen:

    mobile menu >> https://oakhillfund.com.au/wp-content/uploads/2016/04/Screenshot_2016-04-19-22-52-32-e1461070668321.png

    footer (not visible moved to the left) >> https://oakhillfund.com.au/wp-content/uploads/2016/04/Screenshot_2016-04-19-22-52-41.png

    Mirela
    Participant

    Hello,

    1-Sorry but this is not an included plugin so we can not give support on it. You can try other plugins that do it’s job.

    2-I edited the code to this:

    @media (max-width: 480px){
    #sfmsb_settings-2 {  margin-top: -70px !important;}
    }

    The socials are generated by a third party plugin. Please keep in mind that we do not support third party plugins.

    3-You can learn more about css from many sites available in internet. I can suggest w3schools.com
    I added this code: span.sfmsb-circle { font-size: 35px !important;} into the @media(max-width: 480px) block.

    4-You can turn on the side menu for mobile in Header Options > Responsive menu style.

    5-Yes, with css. To remove entire footer, add this:
    @media (max-width: 480px){.footer_wrapper { display: none;}}

    7- Was the issue when you had Jetpack plugin activated? I checked it now but i don’t see the white space anymore.

    9-I added this code into the @media block:

    .header_wrapper {
        position: fixed !important;
        margin-top: -2px;
    }

    Please check your site.

    Best regards!

Viewing 15 results - 1,081 through 1,095 (of 1,351 total)