Opens in a new tab
23rd Oct '24
/
0 comments

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:
Bricks
CSS Grid
Fixed Sidebar
Layouts
Pro

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 634 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

How to create a dynamic infinite logo slider with ACF and Bricks

How to create a dynamic infinite logo slider with ACF and Bricks

This tutorial provides the builder settings, PHP & CSS codes that can be pasted in order to create an infinite logo slider in pure CSS…
Read more →
Categories: Bricks, Free
Tags: ACF, CSS, CSS Grid, Custom Post, Query Loop
Pro
Search Results Template in Bricks

Search Results Template in Bricks

Updated on 26 Oct 2023 This Pro tutorial provides the steps to set up a search template in Bricks with these features: Step 1 Create…
Read more →
Categories: Bricks, Pro
Tags: Search Results
Plain HTML pages in Bricks

Plain HTML pages in Bricks

How to output only raw HTML on the page with no other WordPress/Bricks (or any other active child/parent theme)/plugins baggage.
Read more →
Categories: Bricks, Free
Tags: WordPress Page Template
Pro
Accordion Grid Query Loop in Bricks

Accordion Grid Query Loop in Bricks

How to set up a accordion in Bricks such that the "titles" are arranged in a grid with the full width content opening below.
Read more →
Categories: Bricks, Pro
Tags: Accordion, CSS, Query Loop
Pro
How to Hide the Header Initially and Show It After Scrolling Down in Bricks

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.
Read more →
Categories: Bricks, Pro
Tags: Header
Download Area with HappyFiles

Download Area with HappyFiles

Aside from the series I'm currently writing on how to create custom galleries and sliders with HappyFiles, Metabox and Bricks, I have developed a snippet…
Read more →
Categories: Free, Plugins
Tags: HappyFiles
Pro
Masonry + Click-type Infinite Scroll in Bricks

Masonry + Click-type Infinite Scroll in Bricks

This Pro tutorial provides the steps to lay out posts in a masonry style with a View More button, which, when clicked, loads the next…
Read more →
Categories: Bricks, Pro
Tags: Infinite Scroll, Masonry
How to add a resizable desktop navbar in Bricks

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.
Read more →
Categories: Bricks, Free
Tags: Menu, Nav Menu
How to add SVG icon as list item bullets

How to add SVG icon as list item bullets

Add this sample CSS: Replace brxe-list with the class of your ul element. Here's how you can generate the value of background-image property: Copy your…
Read more →
Categories: Free
Tags: CSS