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

Hide submenu item on desktop only

Go to solution Solved by tuanphan,


Site URL: https://woodliving.dk/


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.


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.


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?



Any help would be appreciated.

Best regards


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



Thank you...  it worked perfect. 



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...