1. the header is cut in laptops. The elements that make up the menu come out from the sides. How do I make it fit well????????
2.Other question:
The color of the menu items in mobile, is slightly attenuated, as if some instruction lowered the alpha or something. How can the menu letters be completely opaque 100 on mobile?
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):
#slide-out-widget-area.fullscreen .inner li a, #slide-out-widget-area .off-canvas-social-links li a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a, #slide-out-widget-area .menuwrapper li small {
opacity: 1 !important;
}
This answer with megamenu like a solution is not going fixing the trouble. I have 10 items, I can´t reduce it to 3-6. They must to be 10. I have other themes and this is not a trouble. How can I have 10 items and there is not trouble in the sides?
I asked you other question and I haven´t got any answer:
"2.Other question:
The color of the menu items in mobile, is slightly attenuated, as if some instruction lowered the alpha or something. How can the menu letters be completely opaque 100 on mobile?"
You can set the Header to fullwidth and reduce the menu item spacing to fit in the 10 menu items. Furthermore you can reduce the menu font size to make it less wide in the Theme Options Panel .
Already provided custom css for the mobile menu in the earlier response .
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):
#slide-out-widget-area.fullscreen .inner li a, #slide-out-widget-area .off-canvas-social-links li a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a, #slide-out-widget-area .menuwrapper li small {
opacity: 1 !important;
}
Another question please: testimonial block is perfect in computer, but in mobile has a lot of space between the name and the arrows, how can I make it look perfect like on the computer?
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 (max-width: 999px) and (min-width: 0px) {
.testimonial_slider[data-style="minimal"] blockquote span.star-rating {
margin-bottom: -30px !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):
Thank you. The reason why a very large space was made was because the height is adapted by default to the testimony with more words to fit. Reducing the testimonies to more or less the same words then it is better. I have touched the height of the stars and arrows a bit as you have told me.
Hello,
1.
the header is cut in laptops. The elements that make up the menu come out from the sides. How do I make it fit well????????
2.Other question:
The color of the menu items in mobile, is slightly attenuated, as if some instruction lowered the alpha or something. How can the menu letters be completely opaque 100 on mobile?
I hope your answer soon, thanks
Hey Again,
Since you have so many menu items try using the Mega Menu Option : http://themenectar.com/docs/salient/mega-menu/ .
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):
#slide-out-widget-area.fullscreen .inner li a, #slide-out-widget-area .off-canvas-social-links li a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a, #slide-out-widget-area .menuwrapper li small { opacity: 1 !important; }Thanks
ThemeNectar Support Team
I don´t understand you sorry.
My menu has 10 links. I see that mega menu has 3-6?
You can divide 10 menu in 3 or 6 columns . See available mega menu layouts :http://themenectar.com/docs/salient/mega-menu/
Best
ThemeNectar Support Team
This answer with megamenu like a solution is not going fixing the trouble. I have 10 items, I can´t reduce it to 3-6. They must to be 10. I have other themes and this is not a trouble. How can I have 10 items and there is not trouble in the sides?
I asked you other question and I haven´t got any answer:
"2.Other question:
The color of the menu items in mobile, is slightly attenuated, as if some instruction lowered the alpha or something. How can the menu letters be completely opaque 100 on mobile?"
Please I hope your answer soon, thank you.
Hey Again,
You can set the Header to fullwidth and reduce the menu item spacing to fit in the 10 menu items. Furthermore you can reduce the menu font size to make it less wide in the Theme Options Panel .
Already provided custom css for the mobile menu in the earlier response .
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):
#slide-out-widget-area.fullscreen .inner li a, #slide-out-widget-area .off-canvas-social-links li a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a, #slide-out-widget-area .menuwrapper li small { opacity: 1 !important; }Thanks
ThemeNectar Support Team
Thank you very much for your quick answers!
Another question please: testimonial block is perfect in computer, but in mobile has a lot of space between the name and the arrows, how can I make it look perfect like on the computer?
Thank you
I send you the testimonial on mobile in attached
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 (max-width: 999px) and (min-width: 0px) { .testimonial_slider[data-style="minimal"] blockquote span.star-rating { margin-bottom: -30px !important; } }Thanks
ThemeNectar Support Team
Thank you but your code moves the star rating, not the arrows and the space over it :(
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 (max-width: 690px) { .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next { bottom: 15px !important; position: absolute; } .testimonial_slider .controls { position: absolute; bottom: 8px !important; } }Thanks
ThemeNectar Support Team
Thank you. The reason why a very large space was made was because the height is adapted by default to the testimony with more words to fit. Reducing the testimonies to more or less the same words then it is better. I have touched the height of the stars and arrows a bit as you have told me.
Thank you!
Hey Again,
Glad you got it sorted.
Best
ThemeNectar Support Team