Hello,
if you look at these two photos you will see that the there are two colors in the top bar elements on my mobile website, a grey and black.
On the Arabic page the social media icons are black and the language changers and contact us are grey:
https://www.dropbox.com/s/px7heeiqo0u1zna/Top%20Bar%20Arabic.png?dl=0
On the english side the social icons and contact us are black while the language switcher is grey:
https://www.dropbox.com/s/vzt26i9183ffews/Top%20Bar%20English.png?dl=0
can you give me the code to change the color to all those element please? if you can give me the code where i can input my own colors i would really appreciate it.
regards,
Hey Jihad,
here you go:
.responsive #header_meta .sub_menu>ul>li a {
color: red !important;
}
ul.noLightbox.social_bookmarks.icon_count_3 a {
color: green;
}
Adjust color as needed.
Best regards,
Andy
hello Andy,
Thanks for the reply, i was actually looking to change the colors only in when the site is in mobile mode. plus you forgot the phone number code as well, if you can send that one as well, it would be appreciated.
regards,
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 480px) {
#top .social_bookmarks li a, .header_color .sub_menu>ul>li>a, #header_meta * {
color: orange !important;
}}
Best regards,
Yigit
i love it. thanks!
Hey!
Happy we can help.
Can you please also remember rate our theme at Themeforest, under your download section?
Feel free to create a new ticket if you need so.
Best regards,
Basilis