0
Welcome Guest! Login
0 items Join Now

SOLVED Offcanvas Section do not disapear on desktop

  • SOLVED Offcanvas Section do not disapear on desktop

    Posted 8 years 7 months ago
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Offcanvas Section do not disapear on desktop

    Posted 8 years 7 months ago
    • Please would you post your URL, superuser id and pswd in the secure tab of your post and i'll have a look for you.

      What is the module id please? and on which page?

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: SOLVED Offcanvas Section do not disapear on desktop

    Posted 8 years 7 months ago
    • It is the ID #95 (A main_menu module). On desktop and large screen it is published in the left column and the same module in the offcanvas section with tablets ans smartphone
  • Re: SOLVED Offcanvas Section do not disapear on desktop

    Posted 8 years 7 months ago
    • So what about my question MrT ? ;-)
      Thanks
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Offcanvas Section do not disapear on desktop

    Posted 8 years 7 months ago
    • Please note we try to answer most questions within 48hrs so please be patient. MODS work in different timezones throughout the world which may not match your own and we do not work here 100% of the time. Thanks for your understanding.

      The offcanvas section can be used at any time. If the only thing it contains is the mobile menu then we will not display the offcanvas toggle. Otherwiser, as soon as you publish you own modules to the offcanvas section the toggle will always show (assuming you want your own sidebar to show things in). If you want to hide the module contents then you add module class suffix " hidden-desktop hidden-largedisplay" to that modules (I've done this for you). But that won't hide the offcanvas toggle, if you want to do that you will need to use this CSS in the large display and desktop media queries too.
      .g-offcanvas-toggle {
          display: none;
      }
      // Gantry 5 custom CSS file
      
      // import dependencies
      @import "dependencies";
      
      // Typical values are the default breakpoints set in Gantry 5
      // but these values are user definable in style settings
      // so that is why the code below uses mixins to get the actual 
      // values from Gantry 5 template.
      
      // commonly used media queries
      
      //  typically min 75rem 
      @include breakpoint(large-desktop-range) {
      
      }
      // typically range 60rem to 74.938rem 
      @include breakpoint(desktop-range) {
      
      }
      
      // typically 48rem to 59.938rem
      @include breakpoint(tablet-range) {
      
      }
      // typically 30rem to 47.938rem
      @include breakpoint(large-mobile-range) {
      
      }
      // typically max 30rem
      @include breakpoint(small-mobile-range) {
      
      }
      
      // Less commonly used media queries
      
      // typically min 60rem
      @include breakpoint(desktop-only) {
      
      }
      // typically min 48rem
      @include breakpoint(no-mobile) {
      
      }
      // typically max 47.938 rem
      @include breakpoint(mobile-only) {
      
      }
      // typically max 59.938rem
      @include breakpoint(no-desktop) {
      
      }
      
      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      Regards, Mark.
    • The following users have thanked you: Laurent BRIERE

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.

Time to create page: 0.053 seconds