Search Results for 'mobile menu'

  • In reply to: part of submenu shows

    Boekenbalie
    Participant

    Thanks Kris, but that’s not the problem.

    When I hover the menu “contact” you can see that it somehow wants to show a submenu. It appears a little under the header menu and only appears when I hover the word contact. There ís a submenu here, but this is only visible on Mobile screens.

    It appeared when I added this custom CSS:

    @media only screen and (min-width: 990px) {
    .only-mo { display: none !important; }}

    Thanks,

    Linsey

    Kris
    Participant

    Hello,

    Did you manage to fix the issue?
    The mobile menu is displayed correctly see this screenshot.
    Let us know.

    Best regards!

    jackbowers01
    Participant

    Hello,

    Please go to jamesmaas.com and you can see that the menu does not appear. It used to show up as 3 lines, but now is not there. I need this fixed ASAP!

    Kris
    Participant

    Hello,

    The menu items have not disappeared, they are there. But they are not visible because their text color and the megamenu background color are the same. Please see this screenshot where i’ve changed the background color and they appear correctly. If you want to change the background color of megamenu on mobile, you can add this code to your custom CSS box:

    .menu-small ul#mobile-menu {
        background-color: #5f5f5f;
    }

    and change the color to your wish.
    To change the extra navigation background color, add this code to the custom CSS box:

    .open_extra_nav .extra_navigation {
        background-color: #efefef;
    }

    and change the color as you wish.
    Let us know.

    Best regards!

    Rei_H
    Participant

    Hello,

    I am currently building this website, and I haven’t activated the license yet solely because I don’t know what will happen once I transfer the site to its domain (I’d rather not risk it). The issue I am having and don’t know how to fix is that when I look at the website on mobile, the menu has categories that completely disappear. How do I fix this?

    I’ve tried shuffling through the settings but I can’t find something for the mobile menu. Also the three bars on the right, (extra navigation menu) how can I change that menu’s color so that I can see the “submit” button at the end of the form?

    In reply to: part of submenu shows

    Mirela
    Participant

    Hello,

    Sorry can you please explain better? I don’t understand what do you want to do. I don’t see any sub-menu in “Contact” in neither mobile or desktop.
    Did you add the custom css class? Where did you add it? What is not functioning?

    Best regards!

    Boekenbalie
    Participant

    Hi,

    When I hover “contact” in the menu a part of the green submenu shows.. There is a submenu but this only shows in mobile menu (CSS only-mo)

    I add the following custom CSS in the editor in the Specular Child theme. (

    @media only screen and (min-width: 990px) {

    .only-mo { display: none !important; }}

    What is the problem?

    Thanks!

    Mirela
    Participant

    Hello,

    This is not really an issue. This is how the mobile menu is designed. The sub-menus are set to show up all the time but the hierarchy is displayed by setting them under the parent item, with some padding. If you want to increase the padding in order to make the hierarchy more visible, i suggest you add this code into your custom css box:

    .menu-small ul.menu > li > ul > li > a {
        padding-left: 20% !important;
    }

    To change the font size and color, please add this code:

    .menu-small ul li a {
        color: rgba(0, 0, 0, 0.58) !important;
        font-size: 13px !important;
    }

    Result screenshot. Edit values to your wish.

    Best regards!

    Boekenbalie
    Participant

    Hi,

     

    I would like to show a mobile device menu with all menu items (all pages, as it is right now) and for the desktop I would like a menu showing  only 4 items (home, download, contact and online boekwinkel).

     

    The idea is to make CSS that excludes the menu items that we would NOT like to show on a desktop PC (for example; for screens larger than 1024px do not show  “TWEEDEHANDS BOEKEN VERKOPEN” (incl 2 submenus),  “ZAKELIJK VERKOPEN & CONSIGNATIE” and OVER ONS (incl submenu).

     

    What CSS should I use or is there another solution? Maybe I can select a specific manu for mobile?

     

    Thanks, Linsey

     

     

    • This topic was modified 8 years, 2 months ago by Boekenbalie.
    Bluebox
    Participant

    Hi there!

    It’s about this website: LINK

    If you resize the browser window the menu layout will break too early. Exactly at a width of 1176 px the menu items will fall down in front of the slider.

    The switch to the mobile menu is at 979 px. Between 1176 px and 979 px the menu layout is broken.

    So my goal is, that the mobile menu layout starts at width of 1176px.

    I tried to make some changes in the bootstrap-responsive.css (changing the max-with: 980 px to 1176 px but it’s not that easy. There are too many similar code lines with this width to know which I have to change or not.

    I hope someone out there can help me with this issue!

    Thanks & Cheers

    Gabriel

    karianne_attivo
    Participant

    Hi

    I have created a page called projects, that is a parent page to current projects and old projects. The projects page is empty, its only a parent page to the other two. On mobile devices, the menu displays my regular menu, plus the current projects and old projects. These two subpages also have a larger font in the menu than the other items. How can I remove the parent page from the menu on a mobile device and how can I make the font of the subpages like the rest of the menu items?

     

    Mirela
    Participant

    Hello,

    I checked your site in mobile but apart from the logo located in right position, i did not see any of these issues.
    -For the logo positioning, please add this code into your custom css box:

    @media (max-width: 480px){
    #logo {
        float: left !important;
        left: 40px !important;
    }}

    Edit “left” attribute value to your wish.
    -I was able to open menu, click one item of it and actually redirected to that page.
    -What do you mean by “footer is off the width of the site”? I see it is resized just as it should in mobile. Please see screenshot of it. Are you not seeing this? If yes, what exactly do you want to change here?
    Let us know.

    Best regards!

    • This reply was modified 8 years, 2 months ago by Mirela. Reason: added link of screenshot
    eitanmayer
    Participant

    Hi, I just finished building this website: https://www.bioprotect.co.il, and it’s very important that it will look good on mobile too. When I tried opening it from my iPhone, lots of things aren’t working.

    • The logo is completely off the page borders
    • The navigation menu won’t show. There is a button to show the menu but nothing happens when you press on it.
    • The footer is also off the width of the site.

    Does anyone know how to fix this?

    Thanks, Eitan

    poppyd
    Participant

    Hi

    For mobile/ipad responsive view is it possible for the main content to show before the sidebar?

    At the moment the sidebar menu shows 1st and then on scroll down the main content

    It would be better with the main content 1st

    Thanks

    J

    • This topic was modified 8 years, 2 months ago by poppyd. Reason: prefer url not to be public
    Mirela
    Participant

    Hello,

    Did you edit (add) any custom css? Please add this code into your custom css box:

    @media (max-width: 480px){
    .mobile_small_menu {  display: block !important;}
    #logo { float: right !important;}
    }

    Result screenshot. Let us know.

    Best regards!

Viewing 15 results - 961 through 975 (of 1,327 total)