Add Text next to LOGO

Hi @thexyzt,

Sorry for late reply.

Sydney theme currently not having a feature to display logo and text. To do so, you would add additional script. For example this jQuery code:

;(function($) {

  'use strict'

  var myText = 'My header text';
  $('.main-header .site-branding').append('<div class="my-header-text">'+myText+'</div>');

})(jQuery);

To apply it to your site, you can add it with a custom JS code plugin: https://www.ads-software.com/plugins/search/custom+js+code/.

Thanks. Appreciate your response.

Please recommend “custom JS code” plugin to be used. I could not find where to add JS Script in “LiteSpeed Cache” plugin

Can you share CSS script to add text next to Logo in my GoKutty.com website which built using Sydney Theme?

• This reply was modified 2 years ago by SKar.

I have tried your script using “Simple Custom CSS and JS” plug-in. I noticed the myText is appearing below Logo instead of after Logo. Appreciate, if you could provide a script that displays myText after the Logo

Hi @thexyzt,

I have tried your script using “Simple Custom CSS and JS” plug-in. I noticed the myText is appearing below Logo instead of after Logo.

Glad to hear you got the code shows additional text near the logo.

Appreciate, if you could provide a script that displays myText after the Logo

Thanks for requesting this. I think it has been answered in your other threads here: https://www.ads-software.com/support/topic/lock-menu-while-scrolling-the-page/#post-16573627

Thanks. As suggested, I have used the below CSS code to display “Digital Services” after Logo. However, “Digital Services” was not displayed vertically centered. Please advice

.site-branding {
display: fixed;}

.site-branding * {
justify-content: space-between;
align-items: contain;}

However, “Digital Services” was not displayed vertically centered. Please advice

Hi,

Try adding this CSS code:

.site-branding .my-header-text {
  margin-top: 14px;
}

Thanks it works. 12px aligns in the centre vertically better then 14px