Hey there,
my website is http://kaidenworld.com
i have re-defined some elements using css… now i want to change the header colour in the mobile version as it is overlapping my logo colour but i am unable. can anyone help?
Hello kaidensharma,
I guess that you want to change the header color background to your mobile mode, right? Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: red!important;
}
}
The result is here -> http://screencast.com/t/spOiDFnXxE
Hope this helps!
Thanks for the message!
Also the search icon colour… i will change the background colour to white and in that case search icon will be disappeared…
Also, i want to change it for mobile version only.
Hello kaidensharma,
@media (max-width: 767px){
.header-search-wrap .td-icon-search {
color: green !important;
}
}
Try the code above.
Thanks.
Hello,
I am having similar problems.
The 2 sets of code above worked but my hamburger menu disappeared (now same colour as header?). How to get the colour back on the hamburger menu icon?
Thanks!
Hi,
@arska The header menu hamburger is always the color white, it is predefined in the theme style
– https://www.screencast.com/t/eImZM2ffifpu
It’s color can be changed with a code like this for example
– https://www.screencast.com/t/FjAXnWfXB
#td-top-mobile-toggle i {
color: yellow;
}
The same for the search icon
– https://www.screencast.com/t/mLX7PFpx
.td-search-icon i {
color: yellow;
}
If this is not working for you or you have a different problem, please provide a link to your website so we can inspect it.
Thanks
