Layout / Design

Create a Floating Header in Flatsome Theme

Easily design a minimalistic, boxed Floating Header using our Flatsome Theme tutorial and custom CSS...

Custom Icons in Flatsome Theme

Learn how to use your own custom icon library with the Material Icons from Google.

Add Dark Mode Option for Flatsome Theme Tutorial

Add a Dark Mode option to your Flatsome project with this amazing WP Dark Mode...

Manage Product Highlights in Flatsome Theme

Manage your product details with the custom product layout right inside WooCommerce.

Creating Responsive Image Blocks with Text in Flatsome Theme

Simple way to create responsive image blocks with text elements in the Flatsome UX Builder.

How to use the Flatsome Studio with UX Builder

How to use the Pre-Made Design Library of the Flatsome Studio in the UX Builder

Responsive Buttons with Stack in Flatsome Theme

Learn how to create responsive buttons with the Stack element inside the Flatsome UX Builder.

Vertical Menu and Mobile Tabs in Flatsome Theme

Learn how to create your vertical dropdown menus with multiple layers specially for WooCommerce shops.

How to use the Header Builder in Flatsome Theme

Learn how to create your own header and setup your logo and navigation the right...

Using Video Backgrounds in Flatsome Theme

Create awesome video backgrounds inside your sections and banners with the UX Builder