I would like to style the of canvas menu, make the font smaller but not sure how on them does this need to be custom CSS?
I would also like to change the tag on the portfolio pages in footer to say something else instead of next project - for example, next room / apartment how do I change this?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 999px) {
body #slide-out-widget-area .inner .off-canvas-menu-container li a {
font-size: 22px!important;
line-height: 1!important;
}
}
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hello
I would like to style the of canvas menu, make the font smaller but not sure how on them does this need to be custom CSS?
I would also like to change the tag on the portfolio pages in footer to say something else instead of next project - for example, next room / apartment how do I change this?
Thank you
Hey Again,
1. You will have to adjust the font size in the Salient Theme Options Panel-> Typography Section.
2. You can change the Text using "Loco Translate" Option: https://themenectar.com/docs/salient/translations/ .
Thanks
ThemeNectar Support Team
Sorry the font is for mobile only. and not a general setting.
I do not wish to use a plugin, it is just a custom slug-like I have done in the URL.
thank you
Hello
Any help on this what CSS can I use for the off-canvas menu on mobile?
Thnk you
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 999px) { body #slide-out-widget-area .inner .off-canvas-menu-container li a { font-size: 22px!important; line-height: 1!important; } }Thanks
ThemeNectar Support Team
The Easiest way to change the Text is to translate it.
Best
ThemeNectar Support Team
Hey Tahir
Thanks for the CSS on menu worked perfect!
Regarding the text on projects, (Single Project Page Navigation) if we can't change it manually how can we de-activate, we have no need for this.
Thank you
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.bottom_controls #portfolio-nav .controls span { display: none !important; }Thanks
ThemeNectar Support Team