X-Theme, Ethos Header Adjustment

Using Ethos

-How do I change the Miscellaneous TOP bar height in the header (miscellaneous) (preferably responsively)
-how do I increase the size of the Social Media Buttons

thanks in advance

Hello @igrowyourbiz,

Thanks for writing in!

In the Ethos stack, the topbar is using this built-in CSS in the Ethos stack style.css. Using the Google Chrome Developer Toolbar to check the live HTML code, you will find the topbar with the CSS styles.

The minimum height of the topbar is 36 pixels. The font size of the social media icons is 17px.

Feel free to use the cove in the screenshot above and make adjustments as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Intro to CSS - https://goo.gl/mFuWQT
How to get CSS selectors - https://goo.gl/BmoH39
Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
CSS Media Queries - https://goo.gl/L3ZHNg

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.