-
Checklist
How did you create the site?Generated from DescriptionI want to remove the right panel completely, and make my site look the same from 1000px to 1920px wide devices without the right panel. Operations you have already triedI could delete the tags and latest posts from the panel, but cannot remove the panel itself. in the Anything else?No response |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
|
To hide the panel, you must use the #panel-wrapper {
display: none !important;
}However, this will not solve the problem completely, as the main content panel will not use the available space. The easiest way would be to override the ---
layout: compress
---
<!doctype html>
{% include origin-type.html %}
{% include lang.html %}
{% if site.theme_mode %}
{% capture prefer_mode %}data-mode="{{ site.theme_mode }}"{% endcapture %}
{% endif %}
<!-- `site.alt_lang` can specify a language different from the UI -->
<html lang="{{ page.lang | default: site.alt_lang | default: site.lang }}" {{ prefer_mode }}>
{% include head.html %}
<body>
{% include sidebar.html lang=lang %}
<div id="main-wrapper" class="d-flex justify-content-center">
<div class="container d-flex flex-column px-xxl-5">
{% include topbar.html lang=lang %}
<div class="row flex-grow-1">
<main aria-label="Main Content" class="col-12">
{% if layout.refactor or layout.layout == 'default' %}
{% include refactor-content.html content=content lang=lang %}
{% else %}
{{ content }}
{% endif %}
</main>
</div>
<div class="row">
<!-- tail -->
<div id="tail-wrapper" class="col-12">
{% for _include in layout.tail_includes %}
{% assign _include_path = _include | append: '.html' %}
{% include {{ _include_path }} lang=lang %}
{% endfor %}
{% include_cached footer.html lang=lang %}
</div>
</div>
{% include_cached search-results.html lang=lang %}
</div>
<aside aria-label="Scroll to Top">
<button id="back-to-top" type="button" class="btn btn-lg btn-box-shadow">
<i class="fas fa-angle-up"></i>
</button>
</aside>
</div>
<div id="mask"></div>
{% if site.pwa.enabled %}
{% include_cached notification.html lang=lang %}
{% endif %}
<!-- JavaScripts -->
{% include js-selector.html lang=lang %}
{% include_cached search-loader.html lang=lang %}
</body>
</html>This will give you the closest example to what you need, but may require some fine-tuning. P.S. You may find the original content of |
Beta Was this translation helpful? Give feedback.
-
|
I did try something similar before, didn't seem to work. |
Beta Was this translation helpful? Give feedback.
-
|
That looks exactly like what I wanted, you're a life saver. |
Beta Was this translation helpful? Give feedback.
-
It's good to know 😁 |
Beta Was this translation helpful? Give feedback.
To hide the panel, you must use the
IDqualifier instead of theclassqualifier:However, this will not solve the problem completely, as the main content panel will not use the available space.
The easiest way would be to override the
defaultlayout by creating_layouts/default.htmlwith custom content to remove the panel and customize the bootstrap classes, e.g.