Before:
Read More β
After:
Read More β
This module's job is to clean up unnecessary meta tags and attributes from your web page links to make the page simpler and faster.
Looks like the default bootstrap menu function not working. you can simply add yours.
It seems there was an issue with the previous patch. I'm sending an updated version for you to try again. Please find the attached screenshot for reference
We can use sass command
sass -r sass-globbing --watch sass/global.scss:css/global.css
Create a menu Structure -> Menus -> Add menu
After creating custom menus
go Structure -> block -> sidebar (place block)
Add your custom menu block
Sharing screenshots for steps for better understanding.
Eram Fatima18 β created an issue.
Please change the position of status message from brand region to top region
Because AdminLte theme hides the brand region. so if you wanna have something to be shown either enable brand region in page.html.twig file or place it somewhere else (you can refer to block layout of it)
Sharing screenshots for better understanding.
It is because they haven't defined it in page.html.html.twig that region as it doesn't go with the theme. Although If you want it. please define the region in page.html.twig file.
sharing patch and screenshots.
Eram Fatima18 β made their first commit to this issueβs fork.
Please simply add properties to the content class for scroll fixing.
Eram Fatima18 β made their first commit to this issueβs fork.
Hi
This is happening because of "overflow: hidden" property which is assigned to wrapper class
Simply add the following property to the "content" class it will work
Sharing screenshot.
Sharing Images on how to set a favicon for the AdminLte theme. Kindly follow those.
1- setting-> click on "shortcut icon"
2- it will display the "upload favicon"
3-either upload or use default both are available.
Eram Fatima18 β made their first commit to this issueβs fork.
Try below. Hope this works
dependencies:
- core/jquery
- core/drupal.ajax
- core/drupal
- core/drupalSettings
- core/jquery.once
Also make sure your js file contains drupal behaviours
/**
* @file main.js
*/
(function ($, Drupal, window, document) {
"use strict";
Drupal.behaviors.global = {
attach: function (context, settings) {
},
};
})(jQuery, Drupal, this, this.document);
with position sticky you should give top/bottom property too
position: -webkit-sticky;
position: sticky;
top: 80px;
position sticky won't work if overflow property is given to parent (any parent)
second write below code to console.log and see where overflow property is coming
let parent = document.querySelector('.sticky').parentElement;
while (parent) {
const hasOverflow = getComputedStyle(parent).overflow;
if (hasOverflow !== 'visible') {
console.log(hasOverflow, parent);
}
parent = parent.parentElement;
}
Mostly it's in dialog-off-canvas-main-canvas. locate and add below property to your js folder
if($('.sticky').length > 0){
$('.dialog-off-canvas-main-canvas').css('overflow', 'inherit')
}
- with position sticky you should give top/bottom property too
position: -webkit-sticky; position: sticky; top: 80px;
- position sticky won't work if overflow property is given to parent (any parent)
- second write below code to console.log and see where overflow property is coming
let parent = document.querySelector('.sticky').parentElement; while (parent) { const hasOverflow = getComputedStyle(parent).overflow; if (hasOverflow !== 'visible') { console.log(hasOverflow, parent); } parent = parent.parentElement; }
- Mostly it's in dialog-off-canvas-main-canvas. locate and add below property to your js folder
if($('.sticky').length > 0){ $('.dialog-off-canvas-main-canvas').css('overflow', 'inherit') }