Docs

[dblakenz]

Hi there,

I have a quick question that I was hoping someone could assist with. I am trying to replicate the menu/navigation bar mocked up in the accompanying image and I was wondering how I would go about doing it?
Getting the mobile button on desktop I’m assuming I could do with custom css media queries, but how would I go about getting just the text centered in the menu?

For reference I am trying to replicate a menu/title look similar to what can be seen on this site: http://www.dannychoo.com/

Any assistance here would be much appreciated!

Thanks!

[Nico]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[dblakenz]

Hi Nico,

Thanks for coming back to me so quickly. The URL is http://79.170.40.53/danblake.co.nz/, although there isn’t really anything there at the moment as on just starting out on this site!

Thanks.

[Rupok]

Hi there,

Thanks for writing back. You can use this CSS :

.x-brand.text {
  float: none;
  margin: 10px auto;
  text-align: center;
}

Hope this helps.

Cheers!

[dblakenz]

Perfect, did the business! Thanks for the super speedy reply!

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[dblakenz]

Hi again,
Have got the text centered so thank you for that, but the “float: none” pushes the navigation menu to the line below (and out of sight as the header is only 50px high). Is there an easy way have both on the same line?

Thanks again,

[Lely]

Hi There,

Please also try adding this custom CSS:

.x-nav-wrap.desktop {
    float: right;
    margin-top: -50px;
}

Hope this helps.

[dblakenz]

It does indeed, thanks Lely!

[Jade]

You’re welcome.

[Author]

Posts