Okay
  Public Ticket #175559
mobile menu
Closed

Comments

  •  6
    Michael started the conversation

    hey phil!

    i'm seeing the mobile menu styling on the desktop versions of a lot of sites now...and i love it!  how do i adjust the mobile menu css so it is on the wider screen size of a desk top?  i have a general idea that it's adjusting the pixel value on the @mediascreen css but not sure of the exact or correct way to edit that snippet?

    thanks!

    mike

  •  8,838
    Tahir replied

    Hey Michael!

    Could you please share a screenshot of what you are exactly trying to achieve so that we could maybe help you out. Page links , References etc .

    Cheers


    ThemeNectar Support Team 

  •  6
    Michael replied

    hi tahir.  i simply want to use the mobile menu styling at all times regardless of screen size.  when i shrink my desktop browser window to minimum width the site menu goes from normal style to mobile menu style.  when i flip my iPad from wide to tall view, the menu goes from normal style to mobile style.  so this tells me there is a pixel value in the code that triggers the mobile menu. my guess is it is something like 360px?

    do you have a CSS snippet to change the pixel value that triggers the mobile menu?  since i want the mobile menu style on all screen sizes my guess is setting the value to something like 3000px.

    here are samples of a site using the mobile menu styling at all times.

    www.ayurmama.com
    http://catk.de

  •  6
    Michael replied

    hi tahir,

    here is a visual.  when i narrow the desktop browser width the site goes form the normal menu to the mobile menu style.  i want that mobile menu style at any width :)

  •  8,838
    Tahir replied

    Hey Michael!

    Add this into the Custom CSS box located in your Salient Options panel:

    header#top a#toggle-nav {display:block;}
    header#top nav{display:none !important;}
    

    Cheers


    ThemeNectar Support Team 

  •  6
    Michael replied

    perfect!  thanks so much tahir!