Okay
  Public Ticket #2590821
Use normal menu in mobile device
Closed

Comments

  •  19
    Josée started the conversation
    November 4, 2020 at 4:52pm

    Hi,

    I am working on a web site which is set up differently. My regular menu is only one button to take an appointment (the green button). I would like it to stay , to see it in tablet and mobile screens. I don't want the burger icon.

    Second, I would like the phone number in secondary header to align left.

    I tried to find out how to realize all this, with no success. Can you help me? 

    Site is local, cannot provide a dev link. But I attached a capt screen so you can have an idea.

    Thanks!

  •  3,278
    Austin replied
    November 4, 2020 at 5:12pm

    Hi Josée,

    There is no option to have the desktop button on mobile.

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

    @media only screen and (max-width: 1000px) {
  #header-outer #top nav {
    display: block !important;
    margin-right: 65px;
    margin-top: -40px;
}
  #header-outer #top nav .sf-menu li:not(#menu-item-297){
      display:none;
  }
}

    Thanks.

  •  19
    Josée replied
    November 4, 2020 at 6:29pm

    Thanks... you lead me to the right place and I have been able to change it to make it work.


    @media only screen and (max-width: 1000px) {
      #header-outer #top nav {
        display: block !important;
        margin-right: 0px;
        margin-top: 6px;
        }
  #top #mobile-cart-link, #top .span_9 > .slide-out-widget-area-toggle, #top .mobile-search{
        display:none;
        }
}


  •  3,278
    Austin replied
    November 4, 2020 at 7:07pm

    Hi Josée,

    Glad that help. Feel free to reach back should you run into any issue.

    Thanks.