Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Hide submenu item on desktop only


Mr-WOODLVING
Go to solution Solved by tuanphan,

Question

Site URL: https://woodliving.dk/

Hi

I have added a link in my main menu folder to enable visitors go to a landing page when they click on the menu title. But on mobile this doesn't work.

image.png.43d929463a9b1a7ad48a3659aeaeecb3.png

1. Is it possible to make the link visible in mobile menu?

Now I have directly added the landing page(Nordic) to the menu folder Right under link. And it looks good on mobile. If posible I would like "Nordic" to be bold

2. How so I make "Nordic"  bold in mobile only.

image.png.ddc294536f10d4c0b3370a0ec822ba5b.png

But on desktop version I now have two "NORDIC" both linking to the same landing page. On the desktop version I want to hide the sub menu item "NORDIC".

3. How do I hide "NORDIC" in the sub menu?

image.png.0e4708ad23b7349d8f3f1d13e1f9442b.png

 

Any help would be appreciated.

Best regards
Thomas  

 

Edited by Mr-WOODLVING
Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

2 answers to this question

Recommended Posts

  • 1

Add to Home > Design > Custom CSS

/* Hide nordic on desktop */
@media screen and (min-width:641px) {
[href="/nordic-folder"]+span a:first-child {
    display: none;
}
}
/* Bold nordic on mobile */
a.Mobile-overlay-folder-item[href="/nordic"] {
    font-weight: bold;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post
  • 0

Hi.

Edit:

Thank you...  it worked perfect. 

 

Quote

nth-child(2) solved it.

This nth-child worked because the was already some CSS code that disabled the first child.

Now I have cleaned up the code and the function was as intended.

 

Edited by Mr-WOODLVING
Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...