Showing results for 
Search instead for 
Did you mean: 

2 columns with left bar

2 columns with left bar



I am trying to create a static page which will have the Titles for navigation at the left and the main content on the main area. something like this:content with navigation.JPG

if image cannot be seen check:


Now I have set the Design layout to 2 columns with left bar, which made space for the navigation sidebar.

My problem is that I don't know from where I can choose the subtitles so they can be displayed a link in the left navigation menu. does anyone know?





Re: 2 columns with left bar

Hi @robertbits


okay i understand your issue !!


Assuming you wanted to add navigation menu / links(subtitles) on the left side .


if you go through the magento 's native privacy policy page - it have navigation menu on the left side you posted screenshot for the same.


Its actually adding by proper html structure with css classes - at the bottom of the content of the page !


Below is the code they used to add the navigation menu left side 


<div class="block block-collapsible-nav">
<div class="title block-collapsible-nav-title" data-mage-init="{&quot;toggleAdvanced&quot;: {&quot;toggleContainers&quot;: &quot;#privacy-policy-nav-content&quot;, &quot;selectorsToggleClass&quot;: &quot;active&quot;}}">Privacy Menu</div>
<div id="privacy-policy-nav-content" class="block-collapsible-content content">
<ul class="items">
<li class="item current"><a href="#privacy-policy-title-1">Luma Securitys</a></li>
<li class="item"><a href="#privacy-policy-title-2">Luma Privacy Policy</a></li>
<li class="item"><a href="#privacy-policy-title-3">The Information We Collect</a></li>
<li class="item"><a href="#privacy-policy-title-4">How We Use The Information We Collect</a></li>
<li class="item"><a href="#privacy-policy-title-5">Security</a></li>
<li class="item"><a href="#privacy-policy-title-6">Others With Whom We Share Your Information.</a></li>
<li class="item"><a href="#privacy-policy-title-7">Your Choices Regarding Use Of The Information We Collect</a></li>
<li class="item"><a href="#privacy-policy-title-8">Your California Privacy Rights</a></li>
<li class="item"><a href="#privacy-policy-title-9">Cookies, Web Beacons, and How We Use Them</a></li>
<li class="item"><a href="#privacy-policy-title-10">List of cookies we collect</a></li>
<li class="item"><a href="#privacy-policy-title-11">Online Account Registration</a></li>
<li class="item"><a href="#privacy-policy-title-12">Emails</a></li>
<li class="item"><a href="#privacy-policy-title-13">Acceptance</a></li>
<li class="item"><a href="#privacy-policy-title-14">Questions for Luma?</a></li>

So same like if you wanted to add this in your cms page - then in the page edit form - in the content section - when you complete your content - you need to add above html code and needs  to change its links and its links title for the same.


then click on save and check at frontend - links will be there !


Hope it helps !

if issue solved,Click Kudos & Accept as Solution

Re: 2 columns with left bar



the problem is that when I added the code you provided, and the one that was already there, the result was that the menu was displayed at the end of the page:

Screenshot URL
content with navigation_error.PNG





Re: 2 columns with left bar

Hi @robertbits


Well there is 2 two reason -  first  from the layout, you need to select 1 column layout


Second and important reasons is - there might be issue with <div> tags - so kindly check that and it will displayed at the left side.


you can refer magento2 's privacy policy page as an reference as i have taken this code from there only !


Hope it helps 

if issue solved,Click Kudos & Accept as Solution