@media only screen and (max-width: 690px) { #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a { font-size: 30px !important; line-height: 28px !important; } }
But this likely wouldn't be the issue because the max-width is set to 690px...
The URL is https://lantackbeta.nl. The media query is so that the font size is correct for mobile devices. But for some reason the submenu font size is 16px and I can't seem to find why this is happening.
Add the following custom css in Salient > General settings > CSS/Script related:
@media only screen and (min-width: 690px) {
.material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container li li a {
font-size: 30px;
}
}
Hi, see the screenshot.
The submenu text is alot smaller.
How can we change this?
We have added this code earlier:
@media only screen and (max-width: 690px) {
#slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a {
font-size: 30px !important;
line-height: 28px !important;
}
}
But this likely wouldn't be the issue because the max-width is set to 690px...
Hi Brian,
Can you share a link to your website we inspect possible cause. Try also removing the media query in css if it is not applying bigger screen devices.
Thanks.
Hi Andrew,
The URL is https://lantackbeta.nl. The media query is so that the font size is correct for mobile devices. But for some reason the submenu font size is 16px and I can't seem to find why this is happening.
Thank you for your prompt support! :D
Hi Brian,
Add the following custom css in Salient > General settings > CSS/Script related:
@media only screen and (min-width: 690px) { .material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container li li a { font-size: 30px; } }Hope this helps.
Thank you! Now it's working fine. :D