- This topic has 9 replies, 2 voices, and was last updated 5 years, 4 months ago by
.
Access to the site is logged in another ticket created this week. If you goto
https://weatherall-uk.com/clarex-optical-cast-acrylic/
and click on Clarex Acrylic Products, the drop down menu does not show all items available on smaller screen devices like a lap top. The base of the menu is cut off.
How to fix please?
Solution for this topic
Hi @dano007,
I hope you are well today and thank you for your question.
Yes because on smaller devices there isn’t enough space to display all items vertically so instead you should group them in more sub menus.
For example currently, you display it Clarex Acrylic Products => Sub Menu but instead you should display them Clarex Acrylic Products => Sub Menu => Sub Menu
You can increase width of submenu by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-nav ul.sub-menu { width: 300px !important; max-width: 100%; }Best regards,
Shufflehound teamSorry, but the Clarex Acrylic Products => Sub Menu => Sub Menu
solution and structure does not work for this client, however the css code above has helped resolve it.
Also, if you look at the menu, the menu itself is sticky, but the top bar is not. How do I make the top bar menu sticky as well so its always seen? This is a client request.
Thanks for the support.
Dan
Also, if you look at the menu, the menu itself is sticky, but the top bar is not. How do I make the top bar menu sticky as well so its always seen? This is a client request.
To achieve this, you have to develop custom code in the child theme of Jevelin theme.
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
Does the code not exist, has no one asked for this before?
Solution for this topic
Yes the code for the same functionality is shared in the following topic but you may have to change it according to your need.
https://support.shufflehound.com/forums/topic/sticky-both-header/#post-35279
thanks, that was handy, if you look now it pretty much works, just have a white band underneth the menu. Could you assit in how I remove that?
Many thanks
Solution for this topic
You can remove it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container header.primary-desktop { height: auto !important; }Thanks for that. Have a great Christmas!
You are most welcome here 🙂
