[Docs] Fix broken mobile responsiveness CSS selector and parameter naming in 'extension-guide' shortcode
Author: Dotify71Created Sep 17, 2026Updated Sep 18, 2026
Labelshelp wantedarea/docslanguage/markdownframework/hugo
Current State
While inspecting the Hugo shortcode templates for Meshery documentation, two issues were identified in docs/layouts/shortcodes/extension-guide.html:
Broken Responsive Mobile CSS Layout: Under
@media (max-width: 767px)inextension-guide.html:47, there is a CSS selector class typo.extenion-guide-card(missing the 's' inextension). Because of this typo, the responsive mobile card layout styles (max-width: 30rem; flex-direction: column;) fail to apply on mobile screen sizes (< 767px)./* docs/layouts/shortcodes/extension-guide.html:47 */ @media (max-width: 767px) { /* Typo: .extenion-guide-card should be .extension-guide-card */ .extenion-guide-card { max-width: 30rem; flex-direction: column; } }Parameter Naming Typo (
guide_assests_folder): Line 59 reads{{ $guideAssetsFolder := .Get "guide_assests_folder" }}containing a spelling typo (assestsinstead ofassets).
Desired State
- Fix the CSS selector in
docs/layouts/shortcodes/extension-guide.htmlfrom.extenion-guide-cardto.extension-guide-cardso mobile screen responsiveness works as expected. - Update
extension-guide.htmlto supportguide_assets_folderwhile maintaining backward compatibility forguide_assests_folder:{{ $guideAssetsFolder := or (.Get "guide_assets_folder") (.Get "guide_assests_folder") }} - Update parameter usage across callers:
docs/content/en/guides/configuration-management/edges-guide.mddocs/content/en/guides/configuration-management/identifying-components/index.mddocs/content/en/project/contributing/contributing-docs/shortcode-examples.md
Contributor Guides and Handbook
- Instructions for contributing to documentation
- Meshery documentation site and source
- ️ Meshery Build & Release Strategy
- Wireframes and designs for Meshery UI in Figma (open invite)
- ♀️♂️ Questions: Discussion Forum and Community Slack
- Self-paced Contributor Trainings
Source: meshery/meshery