Adding the site title to the right of the logo

Hello! I would like to add the site title to the right of the logo on this website. http://demos.tenayadigital.com/SYN/

How is that possible? It has to be in one line. So the (LOGO) (Site Title left aligned but centered with the logo)

Thank you!

Jack

Hi Jack,

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
    ;(function($){

      if( $('.site-header').length ) {
        var siteTitle = 'Synergy Enterprises';
        $('.site-header .site-branding').append('<span class="top-site-title">'+ siteTitle +'<span>');
      }

    })(jQuery);	
  1. Update

Regards,
Kharis
aThemes Support

Thank you! But, how can I increase that font size? http://demos.tenayadigital.com/SYN/

It is normal text font and I need more H1 size 60px font.

Thanks,

jack

Hi Jack,

Thank you for getting back. Try this code:

    ;(function($){

      if( $('.site-header').length ) {
        var siteTitle = 'Synergy Enterprises';
        $('.site-header .site-branding').append('<h1 class="top-site-title">'+ siteTitle +'</h1>');
      }

    })(jQuery);	

Then navigate to Appearance > Customize > Additional CSS and add this CSS code:

    .top-site-title {
      font-size: 60px;
    }

Regards,
Kharis
aThemes Support

Thank you, but now it no longer is inline with the logo. Any ideas?

Try replacing this code with:

    .top-site-title {
      font-size: 60px;
      display: inline;
    }

Regards,
Kharis
aThemes Support