Header and logo

[Plasticforks]

hello,

i need a header with 2 lines (site name + job) and a logo (on the left, or the right or under the second line)..
Could you tell me how i can do that ?
thank you 🙂

[SeaTheme]

Hi,

There is not the 2nd line option by default.

But it is possible to add it by JS codes:

1)
Install a custom js plugin like Simple Custom CSS and JS, put the javascript codes by this plugin(Custom CSS & JS > Add Custom JS), add JS code:

jQuery(document).ready(function( $ ){
  $('.navi-logo').append('<div class="second-lines"><span>site name + job</span></div>')
});

2)
Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

.navi-logo {
    display: flex; 
}

.second-lines span{
    display: block;
    margin-left: 10px;
    margin-top: 5px;
    font-size: 14px;
}

ps: adjust the spacing and font by the CSS also

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook

[Author]

Posts