How I create left sidebar.

1 reply · opened Sep 24, 2024

Ttcnguyen93Sep 24, 2024

Hi Semicolon,
How I create left sidebar.
Can you tell me where the manual for this section is located?

SSemicolon WebSTAFFNov 7, 2024

Hello,

  1. The Screenshot you have provided is for the Category Sections on the Documentations Website. Currently this is not included with the Main Designs of Canvas. You can consider using the following code:
    [ch_pre]<div class="row">
    <div class="col-3">

    General
    15 Articles


    </div>

    ...
    </div>[/ch_pre]

  2. To create a Left Sidebar, consider using the following code:
    [ch_pre]<section id="content">
    <div class="content-wrap">
    <div class="container">

    <div class="row gx-5 col-mb-80">

    <!-- Post Content
    ============================================= -->
    <main class="postcontent col-lg-9 order-lg-last">

    Main Content

    </main>

    <!-- Sidebar
    ============================================= -->
    <aside class="sidebar col-lg-3">
    <div class="sidebar-widgets-wrap">

    Sidebar Content

    </div>
    </aside>

    </div>

    </div>

    </div>
    </section>[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard