Okay
  Public Ticket #3499474
Disable mobile header menu rules and use only desktop
Closed

Comments

  •  2
    schiarla started the conversation

    Hi, it's possible to disable mobile header menu rules and use only desktop if I have created a custom css menu that is useful also on mobile? I saw indipendently rules for mobile and they are a lot, it's possible use only the desktop header menu? thanks!

  •  8,839
    Tahir replied

    Hey Again,

    Please provide the page URL so we can write up what's possible.

    Thanks.


    ThemeNectar Support Team 

  •   schiarla replied privately
  •  1,877
    Judith replied

    Hi Schiarla,

    Thanks for writing back.

    I am not seeing any header navigation from your site, please let me know whether I am missing something :

    8554213652.png

    Best Regards,

  •  2
    schiarla replied

    Hi, the menu is a floating dark bar on bottom, can't see it? It's open to all size screen, strange things. Screenshot attached.

    Attached files:  Screenshot 2023-10-16 alle 18.08.05.png

  •  1,877
    Judith replied

    Dear Schiarla,

    Thank you for providing clarification.

    I must admit that I am still trying to grasp the specific outcome you're aiming for and the details of your query. It would be immensely helpful if you could elaborate a bit more on the goal you're looking to achieve. If possible, sharing screenshots could provide additional clarity.

    Your further explanation will enable me to assist you effectively.

    I am looking forward to your response.

    Best regards,

  •   schiarla replied privately
  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (min-width: 1px) and (max-width: 999px) {
        #header-outer #top nav, .slider-nav span span {
            display: block!important;
        }
        .nectar-mobile-only.mobile-header {
            display: none !important;
        }
        #top #mobile-cart-link, #top .mobile-search, #top .span_9>.slide-out-widget-area-toggle {
            display: none !important
        }
        #top nav>ul ul li {
            padding-left: 0px !important;
        }
        #top .sf-menu li ul li a {
            display: flex !important;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    schiarla replied

    Hi Tahir, thank you for your work :) still not works,  if I click on mobile the icon created for dropdown, doesn't appears anything. It's possible that the issue is in default hover effect that obviously doesn't work on mobile? I left the custom code on it if it help.

  •  8,839
    Tahir replied

    In that case we would suggest you use a Third Party Plugin instead as customizing the Theme code would likely causes issues with new updates. 

    Thanks 


    ThemeNectar Support Team