Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 12, 2024 at 9:25 am #1473473
    Woutski

    Hi all

    In have a menu of four items on website https://claritymatters.nl/2024. In order: about – work – talks – contact. There are 10 other subpages under work which I do not want to show in the submenu but when I am on one of these pages I want to be work in the menu active. So I added these pages to the submenu and in the Quick CSS I added

    ul.sub-menu {
    visibility: hidden !important;
    }
    The works, but on the burgermenu the menuitems talks and contact (after menu item work) disappear. How can I make talks and contact visble again and on bigger screen when about is active, work is also active

    best regards Woutski

    December 12, 2024 at 11:05 am #1473481
    Rikard

    Hey Woutski,

    I’m not sure that I fully understand your intentions, could you try to explain what you are looking to achieve a bit further or post a screenshot highlighting it please?

    Best regards,
    Rikard

    December 12, 2024 at 12:42 pm #1473490
    Woutski

    Ha Rikard, thank you for thinking with me.

    So, I have a worksection, called work in the menu. When this is active there is a blue line visible underneath.
    https://claritymatters.nl/2024/wp-content/uploads/2024/12/work.png

    In the worksection there are 11 pages which I do not want to show in the submenu. One of them is Thundrebird.
    https://claritymatters.nl/2024/wp-content/uploads/2024/12/thundrebird.png

    So when I am at one of these subpages I want to see work in the menu active but I do not want to see the submenu. Both on telephone and bigger screens ( laptops and so on )

    Thank you in advance, best regards
    Woutski

    December 13, 2024 at 9:43 am #1473548
    Rikard

    Hi,

    Thanks for the clarification. Please try this in Quick CSS:

    .page-id-150 #menu-item-144 a {
  border-bottom: 2px solid #0c2689 !important;
}

    That CSS will apply to the page in private. If you want to add more pages, then you can find the page id class in the body tag for each page, or in the URL while editing the page. You can extend the CSS like this:

    .page-id-150 #menu-item-144 a, .page-id-xxx #menu-item-144 a {
  border-bottom: 2px solid #0c2689 !important;
}

    Best regards,
    Rikard

    December 13, 2024 at 10:28 am #1473557
    Woutski

    Thank you Rikard,

    Works very well.

    Best regards Woutski

    December 13, 2024 at 1:46 pm #1473574
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘active on menu while hidding submenu’ is closed to new replies.