Mobile view issue

In the mobile view, How do I
1. Change the color of the phone number as it looks like blue link which is not readable on dark background?

2. hide the scroller arrows on both side of slider ONLY in mobile view as it looks out of proportion there. See screenshot below:

 

Hi deveshd!

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

1>

Code:

div#call_us p {
color: red !important;
}

2>

Code:

@media screen and (max-width: 860px){
.flex-direction-nav .flex-prev {
display: none !important;
}
.flex-direction-nav .flex-next {
display: none !important;
}
}

Thanks,
Praveen

 

1> That codes changes the color for the whole text and number and on all devices and also the number turning blue on mobile issue is not resolved.

Any way I can keep white number and text on computers and only number to be red on mobile browsers?

If above is not possible, how do I change the background color of that top bar and phone icon?

 

Hi deveshd!

Please follow the screenshot given below.


Now paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px){
span.call_number {
color: red;
}
}

Thanks,
Praveen

 

I have done this but the number on phone is still showing in blue, please see my codes screenshot below.


Please let me know how I can make that grey top bar into same green as theme green and the phone icon black etc so even the blue is fine in case viewed on mobile devices.

 

Hi deveshd!

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px){
div#call_us img {
background: black !important;
padding: 8px !important;
border-radius: 50% !important;
}
.social_wrapper {
background: #9FC14A !important;
}
}

Thanks,
Praveen

 

works, thanks!