Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2848048
Keeping the Hamburger (Mega Menu) Open
Closed

Comments

  • LemkeTech started the conversation
    August 12, 2021 at 8:04pm

    Hello again, this should be the last ticket I submit for quite some time. Possibly the last one as my site layout seems to be finalized now. Looking forward to the site :)

    For the hamburger menu on mobile, is there a way to always keep the 'mega menu/tab' from within the hamburger menu open by default?

    Usually when you click the menu to open it, "Platforms" is closed and users have to click it to open it. I'd prefer just to have it open by default so users can see what's in there if that makes sense.

    I've attached an image to what I am talking about for reference.

    If not its no big deal!

  •  2,679
    PenciDesign replied
    August 12, 2021 at 11:05pm

    Hi again,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .penci-menu-hbg ul.sub-menu,
    #sidebar-nav ul.sub-menu {
        display: block;
    }
.penci-menu-hbg .fa-angle-down:before,
    #sidebar-nav .fa-angle-down:before{
        content: '\f106';
    }
.penci-menu-hbg .fa-angle-down.fa-angle-up:before,
    #sidebar-nav .fa-angle-down.fa-angle-up:before{
        content: '\f107';
    }

    Regards,
    PenciDesign.


  • LemkeTech replied
    August 12, 2021 at 11:28pm

    I added the CSS code but the menu is still closed. I added two example posts on my site and categorized them to test it but still nothing. I'll leave them up on the site if you want to take a look. Clicking it opens up the menu still.

  •  2,679
    PenciDesign replied
    August 12, 2021 at 11:49pm

    Hi,

    I've tested this code before reply to you. So please go to Autoptimize → Delete all merge CSS files then test again.

    Regards,
    PenciDesign.


  • LemkeTech replied
    August 13, 2021 at 12:29am

    Got it working now, theres just some weird double line effect between 'reviews' and 'game news' in the menu.

  •  2,679
    PenciDesign replied
    August 13, 2021 at 4:21am

    Hi,

    Please modify the previous code like this:

    .penci-menu-hbg .penci-mega-menu ul.sub-menu,
    #sidebar-nav .penci-mega-menu ul.sub-menu {
        display: none;
    }
    .penci-menu-hbg .menu-item-has-children ul.sub-menu,
    #sidebar-nav .menu-item-has-children ul.sub-menu {
        display: block;
    }
    .penci-menu-hbg .fa-angle-down:before,
    #sidebar-nav .fa-angle-down:before{
        content: '\f106';
    }
    .penci-menu-hbg .fa-angle-down.fa-angle-up:before,
    #sidebar-nav .fa-angle-down.fa-angle-up:before{
        content: '\f107';
    }

    Regards,
    PenciDesign.


  • LemkeTech replied
    August 13, 2021 at 3:43pm

    Awesome! Thanks!

    Website is looking 10/10 and I can start posting now, looking forward to it.