Mobile Menu Issues, last update…

  • Resolved donnaWPadmin

    (@donnawpadmin)


    6 years, 3 months ago

    This post is on one of the threads also, but I thought rather than adding to a thread with almost 100 posts, I’d just create a new topic:

    Hi Romik. Never checked my site on mobile yet. After reading NickPapaG’s post, I decided to check mine. My submenu doesn’t open at all on mobile, just goes to the top page. (aren’t they supposed to pop out automatically on a mobile sub-menu so you don’t have to actually “pull out” the submenu?) …doesn’t seem to be correct. https://ajbusinesscenter.com is the URL.

    Also, shouldn’t the mobile menu be at the top of the site? Why do we have to scroll down and look for it. I realize that’s where it is on the desktop version, but all mobile menu’s I see have the menu at the very top of the page.

    Not to be complaining about your design, but here is a very popular theme that I use on my site, and notice the differences in the mobile menu: https://everythingit.us ( uses X theme)

    It’s just not real user-friendly, that’s all.

    Thanks Romik. You’re doing a great job….hang in there! ?? It’s not a terribly busy site, so as long as we get to it eventually I’m good.

Viewing 6 replies - 1 through 6 (of 6 total)

  • hi Donna, to your questions and comments:

    My submenu doesn’t open at all on mobile, just goes to the top page.

    Yesterday I released new version 3.9.3 which fix issues with mobile menus, please check it out

    Also, shouldn’t the mobile menu be at the top of the site?

    It actually is shown under the website title which I think is fine. Mobile menu is shown exactly on the place where the main menu is placed on the website. The mentioned website you provided uses defined header padding 250px which move the menu even more down. If you check a basic version of the theme without set extra long values of header you will see the mobile menu position is really OK.

    Thanks for any comments ??

    Thread Starter donnaWPadmin

    (@donnawpadmin)

    It’s better after the update, yes. Damn you are QUICK! Anyways, I have that padding because your header space is so small it cuts off my image…but it doesn’t show on the mobile layout anyways, because the header doesn’t seem to be very responsive. I don’t care much, but I’d like to be able to reduce the padding on the mobile version. (unless you make the whole header image responsive so it can be seen) Can you give me a recommendation here maybe? Can I make that padding for desktop/laptop versions only, and not on mobile with CSS?

    It seems like it just CROPS the header image on mobile…am I looking at it wrong?

    • This reply was modified 6 years, 3 months ago by donnaWPadmin.

    Yep, try this Additional CSS:

    @media (min-width: 768px) {
    .header {
        padding-top: 50px;
        padding-bottom: 250px;
    }
}

    This will be shown only on tablet and higher resolutions so don’t forget to set new padding for mobile in the customizer options. Didn’t test it but should work as required ??

    Thread Starter donnaWPadmin

    (@donnawpadmin)

    Seems to work alright I guess. I think I would code it the opposite way around though (special code the mobile, and make the desktop the default/standard values) And I need to change the font to REM value or something that resizes also I guess because it’s too large now.

    But there are other issues on mobile. The slider (parallax) …the text goes on top of the image, instead of either (1) moving to the top or bottom of the image, or (2) leaving it off altogether option

    I think I would code it the opposite way around though (special code the mobile, and make the desktop the default/standard values)

    I tend to work that way myself when designing, but the better practice is to design for the smallest screen size and then move up –especially when working with the Bootstrap framework. That’s pretty much Bootstrap dogma. I know that starting with big-screen design is a hard habit to break, but I think that Romik basically is following the recommended protocol.

    If I may, I will mark this as resolved ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Mobile Menu Issues, last update…’ is closed to new replies.