EM/REM
Michael Agape
Greetings,
I used the live chat to ask about EM/REM as I work on a large display and when I view the website on smaller displays, things are out of alignment, especially text. The Tech on the Chat gave me a link for a Joomla tutorial, but it goes to a 404 message as does the link to a tutorial for Media Quearies.
Here are the links: https://www.joomshaper.com/documentation/joomla/how-to-use-em-and-rem-in-joomla
https://www.joomshaper.com/documentation/joomla/how-to-use-media-queries-in-joomla
I'm searching the forum for assistance. Any help will be appreciated.
The site I am working on is jfkx.org
Have a blessed day
Mehtaz Afsana Borsha
Accepted AnswerHi
Use this custom CSS
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
color:red !important;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li:hover>a{
color:#dca4a4 !important;
}
.burger-icon>span{
background-color:white !important;
}Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me that link where you have faced this issue? And also give me a screenshot of your issue please.
-Regards.
Michael Agape
Accepted AnswerYour image upload button here does not work. It opens a link just like the button to the left of it so I cannot share screen capture. I got most things working. Now the Helix header will not let me change font color, link hover colors, etc and the menu "hamburger" is black and will not change to white.
Jens W.
Accepted Answer@Mehtaz Afsana Borsha
He already gave you the url.
Have a look at his first post.
The site I am working on is jfkx.org
Have a nice day.
Michael Agape
Accepted AnswerThat worked. Now how about some code for the social media icon color/link color? Nothing is working in Presets for Helix Ultimate. I am fine with this workaround. Thank you
Mehtaz Afsana Borsha
Accepted AnswerIn that case you can use this custom CSS
#sp-menu ul.social-icons a {
color: #cc1712 !important;
}Michael Agape
Accepted Answerthank you. Now for some reason, the Off Canvas color just changed to white on a white background. The Presets are not responding to color changes still...
Jens W.
Accepted AnswerFor the Background-Color:
.offcanvas-menu{
background-color: #000!important;
}The links are already white.
Edit:
The Links are white, but have a opacity value of 0.7, as result they apear gray.
To fix this, add this code.
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
opacity: 1;
}Edit end.
For the hover color:
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
color: #c22914!important;
}The funny point is, helix ultimate does not support the !important flag within the preset editor.
When you enter the !important flag and hit enter, the complete value disapears.
You must add this changes to the custom.css! :(
@Joomshaper It would be great if you could add this functionality to Helix Ultimate.
-> Enable !important flag within the preset editor.
