0
Welcome Guest! Login
0 items Join Now

SOLVED Move off canvas toggle to right side of screen

Last Post
Search Topic

  • SOLVED Move off canvas toggle to right side of screen

    Posted 9 years 2 months ago
    • I am trying to move the off canvas toggle to the right of the screen as it is blocking the logo on the left. I have added the following to my css but it doesn't seem to have effect.

      In inspect element I can get desired effect by unticking the left position however I don't seem to be able to override it.
      I have added important but still no impact.
      .g-offcanvas-toggle {right:0.7rem !important;}

      Any help appreciated.

      the site is here kmwebsitedesign.co.nz/laura/index.php

      Thanks
    #1275375
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: SOLVED Move off canvas toggle to right side of screen

    Posted 9 years 2 months ago
    • If your are still in the design stages you should have your Outline-> Extra-> set to Development mode so you don't have to Recompile on every change. I just think you need to Recompile.

      May I suggest this instead of your code:
      @import "dependencies";

// typically max 30rem -- 480px
@include breakpoint(small-mobile-range) {
    #g-page-surround .g-offcanvas-toggle {
        position: relative;
        float: right;
        left: -.3rem;
    }
}
    #1275394

  • Re: SOLVED Move off canvas toggle to right side of screen

    Posted 9 years 2 months ago
    • Thanks for the heads up about the development mode, that was nutting me, having to recompile every time. The code you supplied worked thanks.
    #1275436

Time to create page: 0.046 seconds