Docs

[atg85]

Hi X!

Been wanting to look into this for a long time so here it is – http://www.mercurius.ca/ambassadeur

I’m trying to get the logo to go over the navbar, like a hanging flag – I’ve seen it on multiple other themes and I think even on X but I can’t figure out what to do! Can you help? 🙂 Thank you!

[Christian]

Hey there,

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks.

[atg85]

Hi X!

Sorry for the confusion. Here’s what I’m trying to do (montage in Photoshop) –

http://imgur.com/YMH8Kiu

Basically to have a hanging banner logo in a inline menu that goes over the navbar 🙂

[Darshana]

Hi there,

Upon checking, I see that you have enabled under construction mode on your site. Could you please provide us a way to access your site, so that we can check and assist you with a possible CSS workaround for that.

Thanks!

[atg85]

This reply has been marked as private.

[John Ezra]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

a.x-brand.img {
    margin-bottom: -76px;
}

nav.x-nav-wrap.desktop {
    float: right;
    width: 870px;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 10px;
    padding-right: 10px;
}

header.x-header-landmark {
    margin-top: 100px;
}

Hope this helps – thanks!

[atg85]

Works like a charm 🙂 Thank you!

[Prasant Rai]

You are most welcome. 🙂

[atg85]

Hi guys! as a follow up, here’s what I’ve done. Works well!

http://imgur.com/UCuB5ua

However I need to push the mobile menu a bit down so it doesn’t go over the logo – what would be the css code for it?

Thank you 😀

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-navbar .mobile .x-nav {
    margin: 63px 0 25px;
}

Hope that helps.

[Author]

Posts