23rd Oct '24

Another Fixed Sidebar Layout in Bricks

We showed how to set up a Fixed Sidebar Layout in Bricks in the past.

This Pro tutorial for Bricks users shows another variation wherein the the main content and sidebar are sandwiched between the site header and footer.

Step 1

Set up the perfect Bricks Page template.

Step 2

Add the following in child theme's functions.php (w/o the opening PHP tag) or a code snippets plugin:

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 633 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro

Centered Image Logo in Bricks

Updated on 8 Mar 2023 This Pro tutorial provides the steps to add a logo image as the center menu item that shrinks when the…

Categories: Bricks, Pro

Tags: Header, Sticky Header

How to add a resizable desktop navbar in Bricks

This tutorial will show you how to add a "More" menu item when the navbar overflows on desktop.

Categories: Bricks, Free

Tags: Menu, Nav Menu

Pro

How to Hide the Header Initially and Show It After Scrolling Down in Bricks

Hiding the header when the scroll position is at the top and reveal it after the user scrolls down.

Categories: Bricks, Pro

Tags: Header

Pro

Top Bar Above Sticky Header in Bricks

How to set up a top bar above sticky header in Bricks Builder so only the header remains sticky when scrolling.

Categories: Bricks, Pro

Tags: Header

How to create filters with IsotopeJS in Bricks (Part 2): Dynamic Image Galleries

This tutorial series will review how to create a dynamic filterable image gallery using the IsotopeJS library‘s features in Bricks. Requirements Create a custom taxonomy for your…

Categories: Bricks, Free, Plugins

Tags: Filters, Image Gallery, Isotope

Pro