Open Off Canvas Content from text link

[minnow470]

Hello,
I’d like to open an Off Canvas Content Area from a text link.
I’ve followed the instructions in these 2 posts:

Content area off canvas as link in text

Content area off canvas as link — 2

This works fine until I “hide” the toggle button. When logged in, the content area opens from either the button or the text link, but when not logged in and the button is hidden, the text link doesn’t work.

Could you take a look? Sending login via a secure message.

Thanks.

[rad]

Hi @minnow470,

This CSS is wrong,

.my-toggle { display:none; }

It should be like this

a.my-toggle { display:none; }

Since you’re hiding just the button and not the entire element including popups.

Once thing I noticed with your CSS is,

@media screen and (min-width:979px){
    html[lang="en-US"] .x-navbar .x-nav-wrap .x-nav > li > a {
         word-break: keep-all; max-width: 200px; text-align:center;
    }
  

It has no proper }, anything you start with { should always end with }

Example,

@media screen and (min-width:979px){
    html[lang="en-US"] .x-navbar .x-nav-wrap .x-nav > li > a {
         word-break: keep-all; max-width: 200px; text-align:center;
    }
 } 

Any CSS added below it will only work for 979px, they will not work on mobiles. And I’m not sure where you should add } since I’m not sure if that other CSS is supposed to run on 979px and above too. So please add } where it’s needed.

Thanks!