Desktop Navigation on Tablet

Hello there,

I’ve tried getting the desktop navigation menu to display on tablet or down to around 900px but I haven’t been able to fix it. I found a support ticket about this for other themes which I tried to use for Ignis, with some tweaks, but wasn’t successful. Any help would be much appreciated!


Hello Kajsa,

Please try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    ;(function($) {

      $(window).on('load resize', function() {

        $('#mainnav-mobi').attr('id', 'mainnav').removeAttr('style');


  1. Update
  2. Add this CSS code to Appearance > Customize > Additional CSS from dashboard.
    @media only screen and (max-width:1024px){
        display: none !important;
        display: block;

    @media only screen and (max-width:767px){
        float: none;
        display: table;
        margin-left: auto;
        margin-right: auto;