Hi there,
Site URL – http://tranqway.com
1.) How to change the background color in the mobile header to white? Currently it is coming black so the logo looks weird.
Kindly check screenshot :
https://www.awesomescreenshot.com/image/3371823/8cd68114adcf5a593d379bc43ce86c63
2.) After the header becomes white the hamburger icon and search icon will have to be turned white. Kindly help me achieve that as well.
3.) Is it possible to move the back to top position? Currently, a notification plugin icon is covering it.
Thanks,
Prasenjit.
Hello,
1,2)Try the code below and place it in Theme panel -> Custom CSS area
@media(max-width:767px){
.td-header-wrap {
background-color:white;
}
.td-search-icon i{
color:black;
}
}
#td-top-mobile-toggle i{
color: black;
}
The result is here -> https://www.screencast.com/t/8gY06w25n
3)If you want to change the Back to Top position button you should use the code below to have control over it.
.td-scroll-up {
bottom: 24px;
left: 4px;
opacity: 0.7;
}
The result is here -> https://www.screencast.com/t/NzEcs7EXZl
Thanks.
Hi there,
I tried the CSS but it doesn’t seem to be working. 🙁
Thanks,
Prasenjit
Hi,
You should try using the !important tag to give more priority to your code and also, clear all the caches before checking the results.
Thanks.
Hi there,
Even after adding the code it is not working. Also, the back to top CSS code is working for desktop but not for mobile.
Kindly check screenshot of the css added.
https://www.awesomescreenshot.com/image/3379065/b691535f9166c4f4bc1238e5486ae5a1
Thanks,
Prasenjit
Hi there,
I managed to make it work. Surprisingly it worked after putting the code in Live CSS instead of the Theme Panel Custom Code Section 🙂
Thanks for the help.
Prasenjit.
Hi there,
After updating the theme the mobile header has again gone back to black color. Also now the Background of the Menu after clicking the Hamburger has also disappeared. Earlier there used to be a gradient sort of colour. Kindly help.
Thanks,
Prasenjit.
Hello orbofdarkness,
Please send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further investigate it closer your setup page. Provide there the link to this topic so we can quickly identify you.
Thanks for your understanding!
