--- title: Horizontal Panels Pro Documention description: Horizontal Panels Pro Documention --- [Skip to content](https://www.modfrybus.shop/horizontal-panels-pro-documention#main-content) [![Modfrybus-logo](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Modfrybus-logo.png?width=90&height=52&name=Modfrybus-logo.png)](https://www.modfrybus.shop/?hsLang=en) - [Home](https://www.modfrybus.shop/) - [About](https://www.modfrybus.shop/about-us) - [Services](https://www.modfrybus.shop/services) - [Pricing](https://www.modfrybus.shop/pricing) - [Blog](https://www.modfrybus.shop/modfrybus-blog) - [Contact](https://www.modfrybus.shop/contact-us) Open main navigation Close main navigation - [Home](https://www.modfrybus.shop/) - [About](https://www.modfrybus.shop/about-us) - [Services](https://www.modfrybus.shop/services) - [Pricing](https://www.modfrybus.shop/pricing) - [Blog](https://www.modfrybus.shop/modfrybus-blog) - [Contact](https://www.modfrybus.shop/contact-us) - [Marketplace Assests](https://app.hubspot.com/ecosystem/48318526/marketplace/modules?eco_providers=Modfrybus) [Marketplace Assests](https://app.hubspot.com/ecosystem/48318526/marketplace/modules?eco_providers=Modfrybus) #### Horizontal Panels Pro Documention ## 1. Introduction (Overview) **Horizontal Panels Pro** is an interactive module that expands images and updates content on image or arrow click, helping you create engaging, responsive panel layouts easily. ## 2. Key Features - **Interactive Image Panels:** Click images to expand them and update related content instantly. - **Arrow & Image Click Navigation:** Enlarge images and update content using arrows or image clicks. - **Multiple Panel Support:** Add multiple panels with unique images and content. - **Responsive Image Height Control:** Set different image heights for desktop, tablet, and mobile. - **Fully Customizable:** Easily customize panels, images, content, and layout to match your design needs. - **Fully Responsive:** Delivers a seamless experience across desktop, tablet, and mobile devices. ## 3. Installation – Downloading the Module from HubSpot Marketplace - Log in to your HubSpot account. - Go to the **Marketplace** from the main navigation menu. - Search for your module by name. - Find the module in the results and click **Install**. - If it’s a paid module, you can also click **Buy Now** to purchase and install directly. ## 4. How to Use – Adding the Module to Your Page - Open your HubSpot page editor. - Click on **Add Module**. - Search for your module by name. - Drag and drop the module into the desired section of your page. - **Horizontal Panels Pro** lets you build dynamic horizontal panels where images expand and content changes on arrow or image clicks, with full responsiveness and easy customization.     ## 5. Module Settings Guide **1. Content Tab**  - **Add Multiple Panels:** Create and manage multiple panels in the module. - **Subtitle, Title, Description & Button:** Add text content and a button for each panel. ![Group 1000002237](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Group%201000002237.png?width=1000&height=785&name=Group%201000002237.png)   **2. Style Tab** - **Module Settings:** Set module width (full or custom), spacing, and overall color options. - **Module Spacing:** Control spacing separately for desktop, tablet, and mobile. - **Text Customization:** Fully customize subtitle, title, and description including color, font size, text transform (uppercase/lowercase), line height for title, and mobile font size. - **Arrow Customization:** Customize arrows with color, hover color, background color, and border color. - **Button Customization:** Adjust button font, text color, background color, and spacing. - **Expanded Image Width:** Set expanded image width separately for desktop, tablet, and mobile. - **Image Height Control:** Customize image height for desktop, tablet, and mobile devices. - **Custom Scrollbar:** Style the scrollbar for multiple panels with thumb color and height. - **Fully Customizable:** Customize every element to match your design and layout needs. - **Fully Responsive:** Works seamlessly across desktop, tablet, and mobile devices.   ![Group 1000002232](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Group%201000002232.png?width=1000&height=753&name=Group%201000002232.png)   ## 6. Examples / Demo Preview View the module in action:[https://www.modfrybus.shop/horizontal-panels-pro](https://www.modfrybus.shop/horizontal-panels-pro?hsLang=en) ## 7. Support & Contact For questions or support, contact us at [productqueriemodfrybus@outlook.com](mailto:productqueriemodfrybus@outlook.com) We’re happy to help! [![Modfrybus-logo](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Modfrybus-logo.png?width=150&height=87&name=Modfrybus-logo.png "Modfrybus-logo")](https://www.modfrybus.shop/?hsLang=en) [Privacy Policy](https://www.modfrybus.shop/privacy-policy?hsLang=en) [Terms and Conditions](https://www.modfrybus.shop/terms-and-conditions?hsLang=en) [Refund Policy & Support](https://www.modfrybus.shop/modfrybus-refund-policy-support?hsLang=en) Copyright © 2025, Modfrybus