Topbar: Make the top announcement bar larger
Note:
Groupthought does not provide any warranty or further support for this code. Use this code at your own risk. The code provided below is only a suggestion. You are responsible for any and all code customizations made to your theme. Please work with a developer or Shopify Expert to ensure proper customization. This code may not work with all versions of of Pipeline or with other code customizations and apps you may have installed. We strongly recommend that you make duplicate of your theme before adding or changing any code in your theme.
This tutorial is intended for use with the Pipeline theme.
Example before:
- 1
-
Make the announcement bar larger:
/* -- code to make info bar larger -- */
.info-bar { padding: 15px 0; min-height: 50px; }
/* - end - */
- 2
-
Make the announcement bar larger and increase the text size:
/* -- code to make info bar and text larger -- */
.info-bar { padding: 15px 0; min-height: 50px; }
.header-message { font-size: 1.2em; }
/* - end - */
Where do I add the code?
Use this link to learn where exactly to add this code snippet: