Hide this module not clickable

[AShairzay]

Whenever I try to click the "Hide this module" icon in the Edit screen, it just opens the module instead of toggling the visibility of the module as expected. Am I doing something wrong?

[Jnix284]

Thanks @TiphaineCuisset happy to help!

Hi @AShairzay, have you tried clicking the ellipsis (3 dot menu) and choosing Hide this Module to see if that works?

I believe this sidebar layout is still in beta, I'm not sure if this is a theme related bug or something to do with the new layout, I'll pass this on to the team via the dev slack to see if I can gain any additional insights.

[AShairzay]

Yeah, I don't see that option... So it's in beta and not available to all users is probably what's happening?

[Jnix284]

Hi @AShairzay  did you develop the theme you are using? I'm starting to think this is a theme compatibility issue and not related to the base functionality to hide the module.

[AShairzay]

I did not. Has there been an issue with incompatible themes? The one we're using isn't that old...

[Jnix284]

@AShairzay it might not hurt to reach out to the developer, the show/hide capability does have to be coded into the theme.

[AShairzay]

Not sure that's an option... Is there a help doc on how to implement?

[Jnix284]

@AShairzay not that I can find, perhaps @Stephanie-OG has more insight - re: if the show/hide functionality isn't available for a module.

[Stephanie-OG]

Hey @Jnix284 - thanks for the shout out!

@AShairzay - I believe that for the responsive show/hide option on a page, you need to add a breakpoint to your theme's theme.json file, which you'll find in the top level theme folder, like this:

HubSpot theme.json file showing reponsive_breakpoints object

You'll find the documentation here.

I hope that helps!

Stephanie

---

Stephanie O'Gay Garcia

Freelance HubSpot CMS Developer

Website | Contact

[Jnix284]

@Stephanie-OG thank you, you rock!

[TiphaineCuisset]

Hi @AShairzay 

Thank you for reaching out.

I want to tag some of our experts here - @nikodev @Anton @Jnix284 do you have any thoughts for @AShairzay on this? 

Thank you!
Best

Tiphaine

[AShairzay]

Thanks. Really don't want to delete those modules if I can avoid it, since they'll need to be re-inserted in a few weeks...

[katie]

Hi @AShairzay ,

Thanks for posting. The reason the hide functionality isn't working as expected is because you're using a flex column, which unfortunately isn't compatible with our responsive breakpoint feature. If you were to switch to drag and drop areas for that template, you should be able to use it normally! I did flag to the team that the hide icon was showing incorrectly for the flex columns and we should now have it fixed so that it no longer appears in that situation. 

Because flex columns are an older format, we will not be adding responsive breakpoint or other drag and drop area features to flex columns in the future. 

I hope this helps!

Katie

[AShairzay]

Thanks for the reply. I'll be honest, I'm a little confused why breakpoints are relevant to hiding/showing a module, but I won't worry about it. I added a boolean to the most used modules that will add a class with a "display: none" to the section if checked, and have instructed my clients to use that for now.