Introduction #
The Advanced Tab in your page builder is a powerful section that provides users with greater control over their website’s design and functionality. This tab typically includes two essential features: Responsive Options and Custom CSS.
Responsive Options #
The Responsive Options include the ability to hide elements on specific devices, such as desktops, tablets, or mobile phones. This feature allows you to customize your site’s layout by selectively displaying or concealing content based on the screen size, ensuring an optimized user experience across all devices.
- Hide on Desktop: Enabling this option, will hide your specific content in desktop screen size.
- Hide on Tablet: Enabling this option, will hide your specific content in tablet screen size.
- Hide on Mobile: Enabling this option, will hide your specific content in mobile screen size.
Custom Css #
The Custom CSS feature in the Advanced Tab gives you the flexibility to apply your own styles to specific elements on your website, perfect for unique design tweaks that go beyond default settings. With Custom CSS, you can target individual elements, override standard theme options, and use media queries to enhance responsiveness. This allows you to fine-tune your site’s appearance while keeping your code clean, efficient, and easy to manage.
Space #
The Space Option in the Advanced Tab lets you fine-tune your website’s layout by adjusting padding and margins for different screen sizes. This ensures your content is well-spaced and visually appealing across desktops, tablets, and mobile devices, creating a seamless and balanced user experience on any device.
