Home Forums Themes Support Gecko Change responsive break point for tablets?

Viewing 4 reply threads
  • Author
    Posts
    • #38604
      rekokni
      Supported

      Hi,

      1. Can you advise what is the pixel breakpoint for the normal laptop menu width to change to the burger menu on tablets?
      2. How can I change this so that the normal laptop menu stay visible for tablets but only changes to show the burger menu when it changes when the screen width for mobiles?

      Thanks.

      R.

       

       

       

    • #38606
      Harry
      Supported

      Hi Rekokni,

      1. The pixel break point for normal laptop is 1280px and it show burger menu on tablet when screen resolution is 1024px

      2. You mean the navigation still show on tablet? and burger menu button only show on mobile?

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #38609
      rekokni
      Supported

      Hi Harry,

      Thanks for your reply.

      > You mean the navigation still show on tablet? and burger menu button only show on mobile?

      Yes, exactly.

      R.

    • #38615
      Harry
      Supported

      Hi,

      Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

      @media only screen and (max-width: 1024px) and (min-width: 801px) {
      .hidden-md.visible-sm.jas-col-sm-3.jas-col-xs-3 {
      	display: none;
      }
      .header-4 .header__mid .jas-row .jas-col-md-9.jas-col-sm-6, .header-3 .header__mid .jas-row .jas-col-md-2.jas-col-sm-6 {
      	flex-basis: 16.666%;
      	max-width: 16.666%;
      }
      .jas-col-md-8.hidden-sm {
      	display: block;
      }
      }

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #38620
      rekokni
      Supported

      Thanks, I’ll try this. 🙂

      R.

       

Viewing 4 reply threads

You must be logged in to reply to this topic.