Home › Forums › Jevelin Theme › Add new menu next to the principal one
Home › Forums › Jevelin Theme › Add new menu next to the principal one
Dear Sir,
I have a website, http://www.vgplay.it, with jevelin wp theme. I have a lot of menu links, so I’d like to create a secondary menu that has the same characteristics of the main one (for example when we scroll down the page the text became white, responsive with click in same button and so on).
I think that it’s possible, but please tell me how can i do it
Thank you very mutch, Manuel
Hi @mediasky2016,
I hope you are well today and thank you for your question.
To achieve this, you have to develop custom code in the child theme of Jevelin theme referring the information provided in the below pages.
https://premium.wpmudev.org/blog/add-menus-to-wordpress/
https://www.wpbeginner.com/wp-themes/how-to-add-custom-navigation-menus-in-wordpress-3-0-themes/
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
Best regards,
Shufflehound team
ok,
I have already done these steps and I managed to create a secondary menu, but the secondary menu was completely disconnected from the main menu … what I need is that the secondary menu follows the same style and the same logic of responsive main menu design.
In practice, I am able to make a secondary menu that positions itself in the right place on the page, that is above the image of the header, but I also have to do 2 things:
1 – when I scroll the page vertically the white text must become gray or black because the background becomes white and I would not see the writing otherwise.
2 – when I view the website from a smartphone I can not have 2 keys for the 2 menus, but only 1 button that collects all the links of the 2 menus
I hope I explained myself, best regards
I understood it but to achieve this as described above you have to develop custom code.
If you are not a developer then you can consider hiring a developer to develop it for you.
yes, I’m a developer, I know Js, Php, Css, Html, but I do usually hand-made software with no WP. Also I know Wp, and I know the architecture, but I need your help to connect the secondary menu to the same button in responsive layout
I hope that you can help me, thanks
Actually, we don’t have ready made code to connect the secondary menu to the same button in responsive layout so to achieve this we have to develop custom code which will take much time and beyond the scope of support as described here https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
I am sure you understand this.
Yes of course, I hunderstand…
Is there another way to have a secondary menu to insert 4 or 5 more link, just to have not the drop down menu?
Currently the theme provides following various header layouts so you can check whether any layout matches with your requirements.
https://jevelin.shufflehound.com/header/first-header/
https://jevelin.shufflehound.com/header/second-header/
https://jevelin.shufflehound.com/header/third-header/
https://jevelin.shufflehound.com/header/fourth-header/
https://jevelin.shufflehound.com/header/fifth-header/
https://jevelin.shufflehound.com/header/sixth-header/
https://jevelin.shufflehound.com/header/seventh-header/
Ok, now the secondary menu is ok, but I have another little question, I think very simple…
in the testimonial page I use your Testimonials Tool, and I insert with style 1 Image.. that is small and circle.
Now I’d like to have an image that is rectangoular about 200 x 150 px
Is there a solution, also in css, to change it?
thank you, bye bye
Could you please share me the page URL from your site where it is displaying so that I can help you to achieve it?
You can achieve 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 .sh-testimonials-style1 .sh-testimonials-image { border-radius: 0; width: 200px; height: 150px; }