to display social icons in header, you need to make sure that Action Bar is enabled (Menu & Action Bar > Action Bar section). Also, make sure the links for social icons were set under Theme options > Social section.
I did that. The action bar is there but the social icons are not showing up. also I can not figure out how to change the action bar background and font colors. I have the action bar background color currently set to white but it is a dark grey almost black color so I cant see the font
@bcurtis From what we see, icons does not show up because you set secondary menu instead of social icons under Appearance > Menus > Manage locations section.
Ok, so I unselected the menu that was at the top and set it back to default. Now the icons are there. So can I have both the social icons and a few webpages on that menu or do I have to chose one or the other. Also I still need to change the colors of the menu and can not
No, you can not have both at the same time. Or you can have secondary menu in that place or social icons. So to change colors in Action Bar, you need to use the following css:
#Action_bar .social li a { color: #FFF !important; } #Action_bar .contact_details li a { color: #FFF !important; }
So the way it looks on my site now are the default colors? That doesnt make any sense because you can barely even see it. If the only way to chance it is with the css please tell me where to put it.
The only way to change these colors is custom css and like any other custom css, need to be put under Theme options > Custom CSS & JS > Custom CSS section.
We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.
Cookies are small text files that can be used by websites to make a user's experience more efficient.
The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.
This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.
You can at any time change or withdraw your consent from the Cookie Declaration on our website.
Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.
Please state your consent ID and date when you contact us regarding your consent.
Comments
to display social icons in header, you need to make sure that Action Bar is enabled (Menu & Action Bar > Action Bar section). Also, make sure the links for social icons were set under Theme options > Social section.
#Action_bar .social li a { color: #FFF !important; }#Action_bar .contact_details li a { color: #FFF !important; }