Docs

[noznewman]

Hi

I am using the Ethos stack and fixed right hand menu. However, the sub menu is not appearing for About and Services?

URL http://quantectest.co.uk.gridhosted.co.uk/

WP and Theme all up to date.

Help 🙂

Regards
Paul

[Lely]

Hello Paul,

Thank you for the URL. Please try adding the following custom CSS on Appearance > Customize > Custom > Edit Global CSS:

.x-navbar {

    overflow-y: initial !important;
}

Hope this helps.

[noznewman]

This reply has been marked as private.

[Christopher]

Hi there,

No, the CSS added in latest release of X caused this. We’ve already reported that.

Thanks.

[noznewman]

OK thanks,

Another quick question…

I’m trying to replicate the right hand nav and top bar that sitecore use http://www.sitecore.net/

My test site http://quantectest.co.uk.gridhosted.co.uk/

I’ve used the ‘top bar’ on and embedded the logo…how would I put a button in that top bar too? Ideally I’d like the right hand nav logo to line up with the top bar logo height too?

cheers
Paul

[Christopher]

Hi there,

Please add this code too :

a.x-brand.img {
    margin-top: 0;
}

Update your code in topbar to :

<div class="x-column x-1-2 x-sm"><img src="http://quantectest.co.uk.gridhosted.co.uk/wp-content/uploads/2016/08/QUantec-Word-only-WHITE.png" alt="Quantec Logo" style="width:250px;height:47px;"></div>
<div class="x-column x-1-2 x-sm"><a class="x-btn x-btn-large" href="#" title="More About Us" data-options="thumbnail: ''">More About Us</a></div>

Hope it helps.

[noznewman]

This reply has been marked as private.

[Joao]

Hi There,

Would you mind sharing your WP Admin Credentials in a private reply so we can take a look on how you setup your topbar content and help you find a easy fix?

Thanks

Joao

[noznewman]

This reply has been marked as private.

[Joao]

Hi There

Let´s try a slightly different setup:

Please use this content on your Appereance > Header > Topbar Content:

<p><img src="http://quantectest.co.uk.gridhosted.co.uk/wp-content/uploads/2016/08/QUantec-Word-only-WHITE.png" alt="Quantec Logo" style="width:200px;height:37px;">
&nbsp &nbsp &nbsp <a class="x-btn x-btn-small" href="http://www.quantecconsultants.com/Default.aspx" title="Customer Login" data-options="thumbnail: ''">Customer Login</a></p>

And add this to Appereance > Customizer > Custom > CSS

.x-topbar {
  padding-top: 25px;
}

I also reccomend setting your Appereance > Header > Mobile Navbar Button Alignment (px)> 20

So your mobile icon will align well.

Hope that helps

Joao

[noznewman]

This reply has been marked as private.

[Joao]

Hi There

Use this as your topbar content instead:

<p><img src="http://quantectest.co.uk.gridhosted.co.uk/wp-content/uploads/2016/08/QUantec-Word-only-WHITE.png" alt="Quantec Logo" style="width:200px;height:37px;">
&nbsp &nbsp &nbsp <a style="float:right;" class="x-btn x-btn-small" href="http://www.quantecconsultants.com/Default.aspx" title="Customer Login" data-options="thumbnail: ''">Customer Login</a></p>

Hope it helps

Joao

[noznewman]

This reply has been marked as private.

[Joao]

You are welcome,

Let us know if we can help with anything else.

Have a great day!

Joao

[noznewman]

This reply has been marked as private.

[Author]

Posts