Basel: how to add a bar to Sticky Header

Elise,

I wonder if you can tell me how to do that. Can I use HTML code or some other approach to add a Row with three colimns to the Sticky header, below the menu?

To be like this: https://ibb.co/RQjcwzX

The purpose of this is to add information about delivery (we do 1-day delivery, free delivery), and some credibility information. It is an important feature for sales conversion.

Thank you for your help in advance.

Hello,

There is no option to add anything to a sticky header, unfortunately.

Best Regards

Elise, thanks.

I tried adding an HTML block to the header. but it does not work – after I add an HTML block, nothing happens. Before you sent me CSS to add a flag to the header. Maybe I can add a text box as well via CSS?

body .right-column > div.shopping-cart {

display: inline-block;

margin-left: 10px;

vertical-align: middle;

padding-left: 30px;

padding-left: 30px;

margin-right: 10px;

background-image: url(https://www.independent.wine/wp-content/uploads/2020/04/uk-flag-25×25-1.png)!important;

background-position: 0 0!important;

background-repeat: no-repeat!important;

}

Hello,

How did you add HTML?

It is not possible to add a block with CSS, CSS just changes the view. I have added an image on the background with the CSS.

Best Regards

Elise,

thank you your reply.
I added HMTL link this
– I create an HTML block [html_block id="13390"] with some text content: https://ibb.co/5xv6XbZ
– I add it in Theme settings->Header->Other->Text in the header: [html_block id="13390"]

I am using header “Simplified”.

If you can suggest how to add this block this would be really nice. Thank you!

Hello,

Chose the header with the widget and add an HTML block widget and chose the created HTML block from the drop-down list.

Best Regards

[Author]

Posts