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 #3365383
Hide one of the two vertical menus on mobile
Closed

Comments

  • Benjamin started the conversation
    May 8, 2023 at 2:13pm

    How do I hide the vertical menu on the mobile version? I have used a "Penci Block" and it doesn't seem to work in vertical on mobile. I would like to hide the vertical menu on the attached picture.
    Thank you again, Sincerely

    Attached files:  Capture d’écran 2023-05-08 à 16.06.57.png

  •  2,486
    PenciDesign replied
    May 8, 2023 at 3:28pm

    Hi,

    Please go to Appearance → Customize → Vertical Navigation & Hamburger Menu → General: turn on the "Hide Menu Hamburger Icon Display on Horizontal Navigation on Mobile" option.

    Regards,
    PenciDesign.


  • Benjamin replied
    May 9, 2023 at 12:01pm

    Hello,

    Thank you for your feedback.

    When I do this operation, the icon on the right and not on the left disappears. What is good but how to change the names in the remaining menu?

    Since I used two links with sub-sections in pencil blocks, they are not displayed in mobile version. 

  •  2,486
    PenciDesign replied
    May 9, 2023 at 1:46pm

    Hi,

    Please enable this option, I'll check and then send you a quick solution.

    Regards,
    PenciDesign.


  • Benjamin replied
    May 10, 2023 at 9:46am

    Hi,

    Please let me know,


    Sincerely,

    Benjamin

  •  2,486
    PenciDesign replied
    May 10, 2023 at 4:44pm

    Hi,

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

    @media only screen and (max-width: 767px) {
        #navigation.header-4 .penci-menuhbg-wapper, #navigation.header-5 .penci-menuhbg-wapper {
            display: none;
        }
    }

    Regards,
    PenciDesign.



  • Benjamin replied
    May 10, 2023 at 4:48pm

    Hello, thank you for your feedback. Is it possible to have the code to remove the left icon and not the right one? 

    Thank you in advance.


    Regards,

    Benjamin

  •  2,486
    PenciDesign replied
    May 10, 2023 at 5:26pm

    Hi

    Here is the code:

    @media only screen and (max-width: 767px) {
        #navigation .button-menu-mobile {
          display: none;
        }
    }

    Regards,
    PenciDesign.



  • Benjamin replied
    May 10, 2023 at 5:28pm

    Thanks a lot for your quick feedback ! Love your support

    Sorry, but is it also possible to hide it on a tablet?

    Sincerely


  •  2,486
    PenciDesign replied
    May 10, 2023 at 5:42pm

    Hi,

    Please modify the CSS like the following below:

    @media only screen and (max-width: 960px) {
        #navigation .button-menu-mobile {
          display: none;
        }
    }

    Regards,
    PenciDesign.