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 #2874774
menu hamburger mobile
Closed

Comments

  •  1
    vaninasimon started the conversation
    September 17, 2021 at 4:57pm

    Hi,

    For the desktop, when I go on the mega menu columns of "destinations" there are the continents (not clickable because I add a #) and under the continents there are the countries => document attached "menu desktop".

    For the mobile version, in the hamburger menu  when I click on "destinations" I just have the countries but not the continents => photo attached "menu burger mobile".
    Why ? 

    I would like the continents to be displayed in the burger menu mobile.
    Did I forget to do something in WP backoffice? Or in Soledad customizer? 

    Thanks
    Regards 


  •  2,492
    PenciDesign replied
    September 17, 2021 at 7:59pm

    Hi,

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

    #sidebar-nav ul.menu > li.megamenu > ul.sub-menu > li > a {
        display: block;
    }

    Regards,
    PenciDesign.

  •  1
    vaninasimon replied
    September 17, 2021 at 8:40pm

    Thanks, I added the code but for the mobile I would like : 

    - "destinations" to be folded. You click on "destinations" to unfold it. So by clicking on "destinations" you don't go to the destinations page but it unfolds "destinations" with all the continents.  

    - Then when you click on a continent, all the countries of this continent unfold. By clicking on a continent you are not sent to the continent page, it just displays the countries of this continent. 

    - And then when you click on a country you are sent to the country's page / category.

    Complicated to explain so if you can, check the mobile version of this site https://www.worldelse.com/, it's exactly what I tried to explain :) 

    Thanks
    Regards 

  •  2,492
    PenciDesign replied
    September 18, 2021 at 7:25am

    Hi,

    Please add this CSS code to your site:

    #sidebar-nav ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu {
        display: none;
        padding-left: 10px;
    }

    Regards,
    PenciDesign.

  •  1
    vaninasimon replied
    September 18, 2021 at 2:03pm

    Hi,

    It doesn't work.
    Now when I click on "Destinations" I'm sent on my destination page.

    And when I click on the arrow there is nothing unfold 

    Thanks 

  •  2,492
    PenciDesign replied
    September 18, 2021 at 4:32pm

    Hi,

    The dropdown menu only works when you click on the arrow button, not apply to the menu title.

    Regards,
    PenciDesign.