Docs

[jensmith3]

Hello,

My site is on the temporary url of http://103.37.8.129/~thekidsa/

I have selected the inline layout option via the customiser but wondered if it was possible to move the navigation bar down to sit just above the top edge of the main picture?

Also, is it possible to add a little more space above the phone number in the top right of the header?

Many thanks and kind regards,

Jenny

[jensmith3]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! But it seems your site is down. Please confirm.

http://prntscr.com/bvz8zi

Thanks.

[jensmith3]

Hi there,

Site is up and running – url is http://103.37.8.129/~thekidsa/

Thanks and kind regards,

Jenny

[Rad]

Hi Jenny,

Your actual navigation height is 134px, but your setting is just 94px. You can change that in Admin > Appearance > Customizer > Header > Navbar Top Height (px) and apply 134.

As for phone padding, please add this CSS to your customizer’s custom CSS.

.x-navbar-inner .contact {
padding-top: 20px;
}

Now, since you added another space on the navbar, its height will increase to 154px ( 134px + 20px ). Then you’ll have to change your navbar height again.

This is necessary since navigation has fixed positioning and it doesn’t honor the height of the content, hence, you’ll have to set it manually.

Thanks!

[jensmith3]

Hello there,

Thanks for your response. Just a couple of things. I wondered if it was possible to have the navigation menu sit at the bottom of the header – say in line with the wording ‘Paediatric Therapies’ from the logo.
Also I have selected Static top position via the customiser but the nav bar still remains visible when I scroll.

Many thanks and kind regards,

Jenny

[Christopher]

Hi there,

Please change ‘Navbar Top Link Alignment ‘ to 70px under Customize -> Header -> LINKS – ALIGNMENT.

Please remove JS code from customizer.

Hope it helps.

[jensmith3]

Hello,

Thanks for your reply. I did that but not quite right – it moved the nav items up to the top instead of bottom and now can’t see phone number.

?

Thank you.

[Thai]

Hi There,

I changed the Navbar Top Link Alignment (px) to 140:

http://i.imgur.com/ej0vrsD.png

The navigation looks good.

Cheers!

[jensmith3]

Thank you so much. The only thing now is that I had a phone number in the header that has now disappeared. I was told to remove the JS from the customiser which I did but of course that has removed the phone number. Is it ok to add back in?

Many thanks and kind regards,

Jenny

[jensmith3]

Sorry one other thing. I have selected Static top position via the customiser but the nav bar still remains visible when I scroll.

Many thanks and kind regards,

Jenny

[Christopher]

Hi there,

Please update cornerstone and X, clear cache and check again.
About phone number, please let us know where it used to be before removing JS code.

Hope it helps.

[jensmith3]

Hello,

I’ve done all the updates, cleared the cache but nav bar still remains visible when I scroll down the page.

Also, the phone number was in the top right-hand corner of the screen.

Many thanks again and kind regards,

Jenny

[Christopher]

Hi there,

One page navigation position is always fixed top, to change its position, please add following code in Customize -> Custom -> CSS :

.x-navbar.x-navbar-fixed-top {
    position: static !important;
}

Please add this JS :

jQuery("<span class='phone'>123456</span>").insertBefore(".x-brand");

And this CSS :

span.phone {
    float: right;
    color: #fff;
    font-size: 24px;
    padding-top: 10px;
}

Hope it helps.

[jensmith3]

Thanks so much for this. Have started using UberMenu and can add custom content such as a phone number to the nav bar. Excellent!

Kind regards,

Jenny

[Author]

Posts