- This topic has 9 replies, 2 voices, and was last updated 5 years, 3 months ago by
.
Hello,
I’m having some problems trying to customize the menu.
1.) Why does my menu start out bigger, then as I scroll, it get’s smaller? How do I keep it the same size and not “resize” when scrolling down?
I’m trying to create a “button” for my last menu item. I’ve tried editing the page with YellowPencil and adding a background to the menu item, but the problem is that the background extends from the top of the menu to the bottom, so it doesn’t look like a button. I want the background to just surround the text, not fill the entire heighth of the menu.
2.) So is there a way to adjust the size of the containers around the menu items, so when I add a background, it just surrounds the text, but doesn’t fill the entire height of the menu?
I’ve been trying to figure this out in YellowPencil for hours, and just can’t seem to figure out a way to make it work.
Thanks,
Derek
I have attached a photo so you can see the yellow background filling the entire height of the menu instead of just surrounding the text.
Hi Derek,
I hope you are well today and thank you for your question.
Could you please share me your site URL where it’s displaying so that I can help you?
Best regards,
Shufflehound teamYes, I will share it in the private information field.
Solution for this topic
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
.sh-sticky-header-active .sh-nav > li.menu-item > a { padding: 30px 0 !important; } #page-container .sh-nav > li.menu-button a { padding: 0 10px !important; margin: 30px 9px !important; }Thank you very much! Now is there a way to keep the resizing header when scrolling and also have the button?
I tried taking the first part of code out, and then the menu goes back go re-sizing, but then the button doesn’t move with it.
Also, how do I adjust the height of the button?
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
What file in the child theme should I develop this code in simply to change the height of the button?
You don’t have to change the theme file but develop new code in the theme files functions.php and style.css
