Header message near to contact info

Hi my web site is https://coalfe.com

I would like to put a message in the header next to the contact information. It’s possible?
Similar to what you have put on your page for the announcement of black friday discounts.

Thanks in advance.

Hello there,

Try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    jQuery(function($) {

      if( $('.header-contact-info').length ) {
      
        var myText = 'Your text goes here';
        
        $('.header-contact-info').append('<span class="header-contact-info-text">'+myText+'</span>');

      }

    });
  1. Update

Regards,
Kharis

Hi Kharis,

Its works fine but this is the text that I want to use “Marcas exclusivas. Stock permanente de productos. Entrega en 24h-48h”. The problem is that it looks in two lines instead of in one.

Thank you!

Try adding this simple CSS code to make the contact info container 100% width.

    .header-contact-info {
      width: 100%;
    }

Regards,
Kharis

Great!, solved thank you Kharis.
Regards

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis