benjaminkott / bootstrap_package

Bootstrap Package delivers a full configured theme for TYPO3, based on the Bootstrap CSS Framework.
https://www.bootstrap-package.com/
MIT License
338 stars 205 forks source link

Adding content below Subnavigation? #1491

Open tkowtsch opened 4 months ago

tkowtsch commented 4 months ago

Support

Description

I wonder why the templates with subnavigation do not allow adding content below this subnav. On larger displays, it's a perfect place to enrich page content with add'l details that are good to know but also can be left off (e.g. add'l "story of my life") on smaller screens.

With having that issue I wonder how to adjust the templates best in order to enable the possibility to add content there :)

gmt-it commented 3 weeks ago

Hello.

Do you mean this:

image

subnavigation_right.tsconfig.txt

SubnavigationRight.html.txt

`// // Subnavigation // -------------------------------------------------- .backendlayout-subnavigation_right, .backendlayout-subnavigation_left { .subnav-wrap { display: block; --section-gaps: 0; --section-colspan: 12; order: 2; } .maincontent-wrap { order: 1; } .subcontent-wrap { order: 3; } }

@include media-breakpoint-up('lg') { .backendlayout-subnavigation_right, .backendlayout-subnavigation_left { .maincontent-wrap { --section-gaps: 1; --section-colspan: 9; } .subnav-wrap { display: block; // --section-gaps: 1; // --section-colspan: 3; } .subcontent-wrap { --section-gaps: 1; --section-colspan: 3; } } .backendlayout-subnavigation_left { .subnav-wrap { order: 1; } .maincontent-wrap { order: 2; } } .backendlayout-subnavigation_right { .subnav-wrap { order: 2; } .maincontent-wrap { order: 1; } .subcontent-wrap { order: 3; } } }`

You have to adapt the _backendlayout.scss as you need it. I have set it up so that the sub-navigation is also displayed as a menu on smaller devices. (.subnav-wrap { display: block; } instead of 'none'. I also fiddled around for a long time but it works. The sub-nav text is no longer displayed in the backend but you can create all the elements. Hope this helps you a bit.