Okay
  Public Ticket #2509633
Disable Mobile Menu?
Closed

Comments

  • Speqtrum started the conversation
    August 19, 2020 at 1:38am

    I only have 1 menu item for my navigation which has a border button style applied to it. I want to keep the button as it is in mobile view - I don't want a mobile version of the menu to replace it. 

    How would I go about doing this?

    thanks

  •  2,965
    Andrew replied
    August 19, 2020 at 1:30pm

    Hi there,

    Can you share a link to your website so that we see if possible with css because there is no option to have same desktop menu layout as on mobile.

    Thanks.

  •   Speqtrum replied privately
  •  2,965
    Andrew replied
    August 19, 2020 at 7:18pm

    Hi there,

    Try the following custom css in Salient > General settings > CSS/Script related:

    @media only screen and (max-width: 1000px) {
  .slider-nav span span, #header-outer #top nav {
    display: block !important;
}
#top .span_9 >.slide-out-widget-area-toggle > div {
    display: none;
}
}

    Kind regards.

  • Speqtrum replied
    August 20, 2020 at 12:22am

    that worked! thanks!

  • Speqtrum replied
    August 25, 2020 at 7:30pm

    Hi - hopefully my last question for a while :)

    I can't figure out how to target that border button via CSS and have the button background turn white. The closest I can get it is to turn the background behind the text only, but not the entire button.

  •  2,965
    Andrew replied
    August 26, 2020 at 5:11pm

    Hi there,

    Try the following custom css. It will change border color as well as background:

    #header-outer.transparent #top nav >ul >li[class*="button_bordered"] >a:before {
    border: 2px solid red !important;
    background: blue;
}

    Thanks.

  • Speqtrum replied
    August 26, 2020 at 8:03pm

    thank you!