- This topic has 21 replies, 2 voices, and was last updated 6 years, 9 months ago by
.
How do I toggle off the Top bar. I can’t seem to find that option.
Also, how do I change the menu color. I have pictures with a white background in the slider and the menu options are white and would like to change to black.
Hi @heirway,
I hope you are well today and thank you for your questions.
How do I toggle off the Top bar. I can’t seem to find that option.
Not sure what you are referring as top bar here so could you please share the screenshot of it or your site URL where it is displaying?
Also, how do I change the menu color.
You can change it from theme styling settings as shown in the attached screenshots.
Best regards,
Shufflehound teamThe top bar is the blue bar that shows our business phone numbers.
File was too large. Trying again.
To give more details:
It is a title bar that displays our telephone number, address, and email.
In the theme settings under Header there is a section called top bar settings. The top bar is enabled. For Contact Phone I typed in 2 different phone numbers. All the other fields are left blank. The information displays at the very top of the screen with the phone receiver icon, in white as it should be some text I placed to identify location, a green phone icon, then the phone number.
Not sure how the phone icon got there and in green. I would like to be able to not have those green phones and the ability to turn of the top bar.
Solve the phone icon issue. It was a Chrome browser plugin causing the icon to appear. Still need to know how to disable the top title bar.
You can disable Top bar from Top bar settings as shown in the attached screenshots.
Tried that and the top bar still appears.
Could you please share me your site URL where it’s displaying so that i can help you to disable it?
Could you supply me with your IP address so I can allow you access through our firewall? This a testing environment at the moment.
Here it is 137.59.64.65
Please also share me the URL.
Our testing URL is testing.4dits.com
Also, I cannot seem to change the titlebar font color.
Solution for this topic
You can remove it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-header-top { display: none; }Also, I cannot seem to change the titlebar font color.
I don’t see titlebar on your shared site so not sure what you are referring here.
Look at testing.4dits.com/managed-it-services/ at the Header Name which in essence is the page title.
The title Managed IT Services is in white. I can not seem to change the font color. All I get is white.
Also, if I do not want the Header title to print at all how would I stop that from occurring.
The title Managed IT Services is in white. I can not seem to change the font color. All I get is white.
It seems you managed to change its color because it is displaying in blue as shown in the attached screenshot.
Also, if I do not want the Header title to print at all how would I stop that from occurring.
Just remove heading content element from Visual page builder.
I was actually talking about the Header Text that would have displayed over the picture. I turned the text off through CSS and placed my own title below as you see. I would like to be able to change the color that appears over the picture to something other than white.
Solution for this topic
It seems you are referring the title bar and you can change its color by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-titlebar-light h1 { color: #4d8ab9 !important; }You can change the color value in the above code to whatever you want to use by referring the following pages.
http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.aspHave another question.
When I navigate to testing.4dits.com/cloud-services/ the title bar image displays successfully but when I display the same page on a mobile device the picture does not display.
I solved the problem. Change parallax background to default.
Awesome great to see you got that resolved.
Please advise if you have more questions by creating separate topic for each questions.
Have a fantastic day!
