CSS snippets you can drop in to your Quick CSS, custom.css file or Child Theme style.css.

Color section with 100% container

Even though Color Section element is a fullwidth element, its…

Display footer menu / scroll to top button on mobile

By default, footer menu and scroll to top button are disabled…

Hide menu items/elements on mobile

You may want to hide certain menu items/elements on mobile to…

Switching to mobile menu on higher resolutions

By default, Enfold displays mobile menu on screens smaller than…

Add subtext to logo / replace logo with site title

You can add subtext to your logo by adding following code to…

Menu overlaps logo on tablets

Depending on your menu item quantity and logo size, your menu…

Remove Border Radius from Product List Images

The new Product List element added with Enfold version 3.0 will…

HR Color

Change the line color on your Horizontal Ruler elements independent…

Change the main menu color

This is a simple CSS snippet that you can use to change the color…

Disable CSS Overlay on images

Disabling the overlay on images is requested quite often and…

Change the default base font-size

By default the theme's base font size is set at 13px. You can…

Turn on Custom CSS Class field for all ALB Elements

Once enabled, the following function adds a new field to each…