Hello Community Members! I’ve been attempting to add a color banner below the header but haven’t had any success so far. I’ve tried various CSS and HTML codes, even creating a custom component, but the banner keeps appearing at the top of the header. I aim to achieve something similar to this: [S…

Hi again @Joe_Nguyen :wave: Here is how you can do this using a the below-site-header plugin outlet. Step 1: In common-head of a theme or theme component put this: <script type="text/x-handlebars" data-template-name="connectors/below-site-header/header-color-bar"> <div id="color-bar"> </div> <…

Thank you @Lilly ! :slightly_smiling_face:

If you would like to see how this is setup to be a theme component in a repository rather than in your local instance, you can copy my repo here: https://github.com/Lillinator/header-color-bar Note that I will probably delete the repository in a few days.

أضف شريطًا ملونًا بعد الرأس

مطور

Joe_Nguyen (Joe_007) 17 أكتوبر 2023، 2:23م 3

شكرا لك @Lilly!

الموضوع		الردود	مرات العرض
Add text below header Support	2	1471	16 مارس 2019
How do I move an image/banner to the VERY top of the page? Support	11	323	24 مارس 2026
Homepage header, how to add? Support	4	180	14 يوليو 2024
Adding a new banner just above the logo Support	4	1183	7 مارس 2021
Where shall I put this code for a top banner? Support	11	883	27 مارس 2024

أضف شريطًا ملونًا بعد الرأس

الموضوعات ذات الصلة