Site logo

[Support request] Drop Down on Mobile Menu

Home Forums Support [Support request] Drop Down on Mobile Menu

Home Forums Support Drop Down on Mobile Menu

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1853152
    Ella

    Hi, I’ve been trying to search the forum for answers on mobile navigation menus but I can’t quite find what I’m looking for.

    I’m not sure if I’m in the right place but I’m trying to edit the mobile menu so that – below the blog – section it shows a drop down for the different blog categories: https://postimg.cc/BPFD6ttT

    Is this possible, and if so, how please? Ideally I’d like it to look similar to this, so you can see it’s a drop down from that title: https://postimg.cc/GB8mGk7w

    Thanks!

    #1853174
    Leo
    Staff
    Customer Support

    Hi there,

    You have to edit the WordPress menu that is assigned to the off canvas menu:
    https://docs.generatepress.com/article/using-the-wordpress-menu-builder/

    Then add child items to it.

    Let me know if this helps 🙂

    #1856969
    Ella

    Oh, great, thank you. I’m super happy editing menus. If I create a new one though – what do I need to put it as for it to show as a mobile menu? Because I already have a primary and secondary menu which is for desktop, but I don’t see anywhere to select for mobile only and mobile navigation?

    There is: “Off Canvas Menu (Currently set to: Primary menu – Dispatch)” – is that mobile perhaps? That currently just features an “uncategorised” category block.

    Thanks,
    Ella

    #1857047
    David
    Staff
    Customer Support

    Hi there,

    in Customizer > Layout > Off Canvas Panel – if you set it to Mobile Only, then whatever menu you added to the off canvas location will be displayed there and only on the mobile device.

    #1857136
    Ella

    Hi David, thanks for this, that’s super helpful. I’ve created the menu and my dropdown for the blog categories shows up in black, but I need the text of those categories to automatically list in white text as they’re there but you can’t see them.

    Site: http://www.forgettingfairytales.com

    How do I change the text colour please?

    Thanks,
    Ella

    #1857223
    Leo
    Staff
    Customer Support

    Hi Ella,

    Can you try the options in Customizer > Colors > Offcanvas Panel > Sub-Menu-Items first?

    #1857235
    Ella

    Of course. It seemed to be set correctly anyway but just updated it so it should be white text on black: https://postimg.cc/q6Cg4q12 but it doesn’t show like that. Thanks!

    #1857245
    Leo
    Staff
    Customer Support

    Can you disable your caching and minifying plugins first?

    If that doesn’t work, can you provide the dashboard login for me to take a quick look?

    Thanks.

    #1857827
    Ella

    What does minify plugins mean sorry? I also can’t disable my caching as the only cache feature I have left is breeze which is embedded into the site.

    You’re welcome to take a look. I’ll copy the logins privately below now.

    Whilst you’re on there, perhaps you could see why my button won’t update too: https://postimg.cc/56dSBwtZ I’ve had it set up so the text is grey on top of the pink and it doesn’t change.

    Let me know if you manage to fix it. Thanks so much!

    #1858142
    David
    Staff
    Customer Support

    Thats odd…. but lets get that fixed by adding this CSS:

    .slideout-navigation.main-navigation .main-nav ul ul li a {
    	color: #fff;
    }
    #1858168
    Ella

    Amazing, that now works, thanks so much! I noticed the blog page (not the drop downs) but the blog itself, appears like this on mobile: https://postimg.cc/m1tnhrMN but on desktop it’s correct – displaying all the posts for all categories. Do we need an extra bit of code to fix that now? 🙂

    And what code do we need to fix the button colour not updating please? https://postimg.cc/56dSBwtZ

    Thanks!

    #1858232
    David
    Staff
    Customer Support

    For the button in the hero grid – use this CSS:

    .wpsp-card .wpsp-read-more a {
        color: #000;
    }
    .wpsp-card .wpsp-read-more a:hover {
        color: #fff;
    }

    That other issue is showing some old code – try clearing the browser cache to see if it goes away. If it doesn’t can you switch networks and try clearing it again ?

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.