Docs

[jsjmccracken]

Hello,

I’m trying to put my logo above the navbar in the top left corner. Ican’t figure that part out.

I’m fine if the wording “German Shorthaired Pointers for Family and Feathers” has to be put on two or three lines to the right of the logo. Any help would be appreciated!

Here’s my website: http://www.tablerockkennels.com/

Thank you!

Jacob McCracken

[Nabeel A]

Hey Jacob,

Thanks for writing in! Please add the following code in your Topbar content:

<a href="http://www.tablerockkennels.com/" class="x-brand img" title="Providing First Class Flights Since 2001">
  <img src="//www.tablerockkennels.com/wp-content/uploads/2016/04/TRKlogo21-2-e1461861420784.png" alt="Providing First Class Flights Since 2001">
</a>

Let us know how this goes!

[jsjmccracken]

It worked! Thank you!

How do I move the wording “German Shorthaired Pointers for Family and Feathers” down so that it’s centered with the logo?

[Friech]

Hi There,

Please wrap the quote with <span> tag so we can move it separately from the logo.

<span class="ptl">"German Shorthaired Pointers for Family and Feathers"</span>

Thanks.

[jsjmccracken]

Done.

[Prasant Rai]

You’re welcome! We are just glad we were able to help you out.

[jsjmccracken]

Sorry, I didn’t mean the issue is done, just that I;m done adding the span tag as mentioned.

I added in my custom CSS:

.ptl {
margin-top: 100px;
}

but it didn’t move the wording. I also tried 1000px and still nothing happened.

I’m not sure how to move it still?

[Friech]

Hi There,

Well this is complicated than it looks, please remove the custom CSS you applied on the .x-topbar .p-info, and apply it directly to the span.

@media (min-width:  980px) {
	span#slogan {
	font-size: 100%;
    font-family: Vijaya, Tempus Sans ITC, Papyrus, Bradley Hand ITC;
	position: absolute;
    width: 50%;
    right: 0;
    top: 20%;
    text-align: center;
    background: none;
    background: -webkit-linear-gradient(top right, #d9ac35, #864f16);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	}
}

Remove the 100px margin, and the class ptl.

Hope it helps, Cheers!

[jsjmccracken]

This did it 🙂 Thank you!

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts