Home › Forums › Jevelin Theme › Menu & Header Changes
Home › Forums › Jevelin Theme › Menu & Header Changes
Hi
Please can you advise, as i have tried amending the below amends in theme settings but won’t allow me to do what i want to change? the website i want to amend is http://www.hydropayneservices.co.uk
Please can you advise
Thankjs
Lee
Hi Lee,
I hope you are well today and thank you for your questions.
Change white menu bar to black and text to white, the same as the drop down menu
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-header-10 > .container { background: #232323; color: #fff; } #page-container .sh-header-10 .sh-nav > li.menu-item > a, #page-container .sh-header-10 .sh-nav > li.menu-item > a > i{ color: #aaa; } #page-container .sh-header .sh-nav > .current_page_item > a, #page-container .sh-header .sh-nav > .current-menu-ancestor > a, #page-container .sh-header-left-side .sh-nav > .current_page_item > a, #page-container .sh-header-10 .sh-nav > li.menu-item > a:hover, #page-container .sh-header-10 .sh-nav > li.menu-item > a:hover > i{ color: #fff !important; }
Change the 3 contact options in top right hand corner so the text only is red
Use below custom CSS code to achieve this.
.header-contacts-details-large-content { color: #ff1000; }
Make the email option in header click to create email
If you are talking about the header topbar options like email or phone number then you can make clickable to have links by using the child theme solution shared in the following topic.
Best regards,
Shufflehound team
Hi
Thank you for you email
I have uploaded the suggested child theme, but when i put the html coding in for clickable email the coding appears ??
Please advise
Thanks
Lee
It seems you have not activated the child theme on your shared site so could you please activate it?
Hi
I have activated the child theme, please can you help and advise??
Thanks
Lee
Have you added HTML code in it as described in the following topic?
If you have added it but still it is not working then would you mind if i log in to your site and do some troubleshooting? If this is ok then could you please share me your site log in details privately by adding them in the box having text “Click here to share private content. Only you and forum moderators will bee able see it.”?
Hi Thank you for your reply, please see private content.
Thanks
Lee
The shared child theme code only works for header 1 and 2 but it seems you are using header 10 so please delete that child theme and use the attached child theme containing custom code.
Hi
Thank you for the new child theme which has now worked which is great, but the link on the email now appears as blue and need it to be red like the rest of the header text. I have checked in styling settings and there is no option to change from blue that i can see. Is there css coding needed to be changed like you gave me previously? if so please can you supply
Many Thanks
Lee
You can change its color by using the following custom CSS code.
.header-contacts-details-large-content a { color: #ff1000; }