Thanks for the video but it only covers a few things about the off-canvas menu. Which also don't apply when you don't want it as your main menu when viewed on web.
I only want off-canvas to work when you go on your mobile, If i make changes (like add a search in the widget area) and then remove off-canvas so it doesnt appear on the web version, the search disappears from the mobile version too.
Any chance you know how to resize text on the off-canvas menu?
And remove the search bar form my header only in mobile view?
In that case you will have to hide the off canvas menu on desktop using custom css. Also the Menu font size can be adjusted in Salient Theme Options Panel -> Typography Section .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body #header-outer[data-full-width="true"] header#top nav >ul.buttons[data-user-set-ocm="1"] {
display: none !important;
}
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (min-width: 1000px) {
body.material #header-outer:not([data-format="left-header"]) header#top > .container > .row nav >ul > li.slide-out-widget-area-toggle {
display: none !important;
}
}
Hi,
I want to make the header in mobile view have the search below the logo instead of beside it, or in the off canvas menu if possible.
Also can I edit what shows in my off canvas menu? I don't want the parent page just the sub. And also resize the text in the off canvas menu?
Thank You
Hey Again, Hope you had a Great Weekend,
You can add content in the OffCanvas Menu Widget Area via the Widget Menu in the WP Dashboard.
Please have a look at this Article :
Best
ThemeNectar Support Team
Thanks for the video but it only covers a few things about the off-canvas menu. Which also don't apply when you don't want it as your main menu when viewed on web.
I only want off-canvas to work when you go on your mobile, If i make changes (like add a search in the widget area) and then remove off-canvas so it doesnt appear on the web version, the search disappears from the mobile version too.
Any chance you know how to resize text on the off-canvas menu?
And remove the search bar form my header only in mobile view?
Thank You
In that case you will have to hide the off canvas menu on desktop using custom css. Also the Menu font size can be adjusted in Salient Theme Options Panel -> Typography Section .
Best
ThemeNectar Support Team
Yes silly me, i'd somehow missed that section in typography.
Okay thank you, anywhere I can find this custom CSS?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body #header-outer[data-full-width="true"] header#top nav >ul.buttons[data-user-set-ocm="1"] { display: none !important; }Thanks
ThemeNectar Support Team
It hasn't worked, I also removed the elements so it wouldn't have the error sign and i could save, and that doesnt work either
Please activate the off canvas menu so i can write up 100% working css .
Best
ThemeNectar Support Team
I have activated it, thank you
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (min-width: 1000px) { body.material #header-outer:not([data-format="left-header"]) header#top > .container > .row nav >ul > li.slide-out-widget-area-toggle { display: none !important; } }Thanks
ThemeNectar Support Team
Thank You!