Having link to the right of a stacked logo

[hyperdrive_boom]

Good morning,

How could I have it so there is 1 link to the right of my stacked logo?

As you can see the normal menu is underneath. I am using the latest of cornerstone/X theme

Thank you!

[jade]

Hi @hyperdrive_boom,

This would require some customization. An easy way would be to use a Javascript code to add the link and add some CSS styles.

Please add this code in the Global JS:

(function($){

	$( ".x-logobar-inner .x-container" ).append( '<a class="book" href="#">Book Your Tour</a>' );

})(jQuery);

Then add this code to the Global CSS:

.x-logobar-inner .book {
    position: absolute;
    right: 10%;
    top: 40%;
    text-transform: uppercase;
}

This should help you get started. Please change the value of href in the Javascript code I have suggested to the link of the page.

Hope this helps.

[hyperdrive_boom]

This is perfect - thank you very much Jade!

[paul.r]

On behalf of my colleague, you’re welcome. Cheers!