Offcanvas Menu Text Alignment.
lumajosh
Hi,
I'm using barber template and would like to have offcanvas menu text being left aligned (it's center aligned), I've added the following code to the custom css, however it does not work -
@media (max-width: 575.98px) { .offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a{ text-align: left !important; } }
Any ideas on why that would be the case?
Thanks
lumajosh
Accepted AnswerIt seems to be working now, thank you. BTW, is there anything can be done about css being too large - Ahrefs Site Audit (Bostonholistichealing) CSS file size too large?
Paul Frankowski
Accepted AnswerThis Custom CSS should help:
.offcanvas-menu .offcanvas-inner .sp-module ul > li,
.offcanvas-menu .offcanvas-inner .sp-module ul li ul li {text-align: left;}Insert that in Template Options > Custom code > Custom CSS
lumajosh
Accepted AnswerHi Paul,
Updated custom.css with your code, unfortunately that did not make a difference. Here is the site's URL - https://www.bostonholistichealing.com/
Thank you
Paul Frankowski
Accepted AnswerIt works, here is evidence from your site || refresh browser cache + Clear Joomla cache.
lumajosh
Accepted Answermy screenshot tells you otherwise, the screen shot is from iPhone 16 after Joomla cache was deleted.
https://drive.google.com/file/d/1iBo0ubtGoDClk7QDGNNtZnclfyZhckDm/view?usp=drive_link
Paul Frankowski
Accepted AnswerCan you check from different browser than default Safari, just in case of...
Paul Frankowski
Accepted Answer- You can use JCH_Optimze extension to compress & reduce CSS. Our Template compressor is very basic.
- You have speed problem with Google Fonts, only on home page you are loading "Poppins" 2x and "Maven Pro" 3x.