Joomla! 5.x Coding • DJ Mega Menu Hamburger Size and Placement

I want to change the hamburger (mobile) menu FA icon to be smaller. I can see this in the css:

.dj-mobile-open-btn.dj-fa-0 .dj-mobile-open-icon:before,
.dj-mobile-open-btn.dj-fa-1 .dj-mobile-open-icon:before,
.dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before {
content: "\f0c9";
display: inline-block;
font: normal normal normal 42px/1 "FontAwesome";
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}

When I change the 42px/1 to 25px/1 it will make it smaller in the browser inspector but when I try to add it to my custom.scss I can't get it to work.

This is a test site, so it's very messy.

Also, I would like to have the hamburger menu stay in alignment with the logo when making the page smaller. It currently sits above the logo when you shrink the page.

https://riskollc.com/test/

Thanks,
PR

Statistics: Posted by guy_in_ohio — Mon Nov 18, 2024 6:21 pm

---