Mobile visibility

Did you set the “fixed position” at the bottom of the page? The fixed position is not avaiable in mobiles. Scroll down to see the bar.

These are the settings I have enabled in regards to ‘fixed position’
https://snag.gy/uCv0NP.jpg

Is that what you are talking about?

Yes. Since you set the position to the top of the page the bar should be visible except when you scroll down the page. Do you have a web address for me to take a look at it?

Yes, you can see the site at:
https://www.simplepowerit.com

All I can see on mobile devices is the phone icon.

Thanks

If other fields on the bar’s settings page have values you can see the other icons. E. g. if you set a mailaddress then the mail icon is shown. It seems you have set the phone number only.

The theme of your site has already a fixed bar at the top. That overlaps the contact bar in small displays.

That makes sense.

Yes, the theme has a top navigational menu.
Would I need to lower the top navigational menu for it to display on top of it, instead of overlapping it?

Also can you change the color of the phone icon? On mobile devices, can I make the phone number display instead of the icon or, next to the icon?

The easiest way to fix the overlapping is to place the contact bar at the bottom of the page. Note: the fixed position is not available in mobile displays.

Also can you change the color of the phone icon?

No, that is not possible.

On mobile devices, can I make the phone number display instead of the icon or, next to the icon?

Yes. In the WordPress backend go to the Customizer, open the panel “Additional CSS” and paste in this code:

@media screen and (max-width: 768px) {
	#scb-wrapper #scb-phone span {
		display: inline;
	}
	#scb-wrapper #scb-phone img {
		display: none;
	}
}