- AuthorPosts
- November 5, 2017 at 7:51 am #23474Anonymous UserMember
Hello,
How can I add a text line below the menu, on the right side of the logo?
I’ve tried by adding a widget but is goes below both the menu and the logo, I cannot find a way to add a widget that goes on the right side of the logo.
There probably is a way to do it using custom css? Can you help by suggesting coding?
I’m using the Swifty theme.
Thank you in advance for your support,
Christophe
November 6, 2017 at 11:42 am #23477KyleMemberHello,
It would have to be done through custom CSS or by including the tagline text in your header image. If you provide us a link to your site we can review it and see if we can provide you some CSS to get started with.
Best Regards,
Kyle M
November 7, 2017 at 9:52 am #23476chris74008MemberThanks for your response.
My website is in development using staging so it is not visible yet.
Can you please suggest css code using Swifty theme as reference.
Thanks!
November 7, 2017 at 1:27 pm #23475Christopher MMemberIf I understand your request correctly, it sounds like you want to add some text to the right of the site title or logo. There are many ways to do it, but I would recommend using the site tagline option available in the Customizer. By default, the tagline appears below the logo, which does not meet your expectations.
However, it is possible to use CSS to “float” the site title (logo) to the left. This allows the tagline to appear on the right side of the site title or logo.
This is the HTML output:
<h1 class=”site-title” style=” float: left;”><a href=”http://example.com” rel=”home”>Site Title</a></h1>
In CSS, it would look like something like this:
.site-title {
float: left
}
Once the title (logo) is floated along the left side, you can style the tagline according to your own needs. The exact spacing is determined by your unqiue preference.
The custom CSS editors are really good for quick fixes or testing, but for a significant rearranging the of the layout of the theme, a more permanent solution would be ideal. In which case, the best and safest way to make these changes is in a BoldGrid child theme.
- AuthorPosts
- The topic ‘How to add a text line below the menu, on the right side of the logo?’ is closed to new replies.