Docs

[brighthings]

Hello,

I want this (see attached images), which is a little bit explained here (setup navigation one page).

My problems are;
1. Logo over the headerbar
2. Underline de header bar with a colour
3. Items wil be lighter and if active bold
4. Because it needs to be a one-page-navigation it needs to get bold when going to a new section.

But it didn’t works for me right now. Can some help me?

Thanks!

[brighthings]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! It seems your website is under construction. Please take it off or provide us the credentials in private reply so that we can check and assist you on this. You provided the password or the username but not both.

Thanks

[brighthings]

This reply has been marked as private.

[Thai]

Hi There,

I still see your website is under construction mode.

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

Could you please double check again?

Thanks.

[brighthings]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing back.

#1. Not sure what you are referring by “Logo over the headerbar”. Would you clarify a bit?

#2. You can add this under Custom > CSS in the Customizer.

.x-navbar {
  border-bottom: 1px solid #aa0000;
}

#3. It’s already lighter for the normal menu item and bold for the active.

#4. You are not using One Page Navigation as it supposed to use on a dingle page website. You are just mixing up with normal navigation so it might not work as expected.

Thanks!

[brighthings]

This reply has been marked as private.

[Christopher]

Hi there,

Please update following code :

.x-navbar {
  border-bottom: 3px solid #FF2a13;
}

To:

.x-navbar {
    border-bottom: 3px solid #FF2a13;
    -webkit-box-shadow: 0 13px 23px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 13px 23px rgba(0,0,0,0.23);
    box-shadow: 0 13px 23px rgba(0,0,0,0.23);
}

Add this code too :

a.x-brand.img {
    position: relative;
    top: 18px;
}

Hope that helps.

[brighthings]

This reply has been marked as private.

[Paul R]

Hi,

1. Please refer to the link below

https://community.theme.co/kb/how-to-setup-one-page-navigation/

2. You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 979px) {
a.x-brand.img {    
    left: 50%;
    margin-left: -25px;
}
}

Hope that helps.

[brighthings]

This reply has been marked as private.

[Rad]

Hi there,

3. Would you mind providing more details? Is it the font? I’m not sure what you mean by look like the text menu.

The font use is Lato, and font size is 17px. Then you can modify the spacing at Admin > Appearance > Customizer > Header > NAVBAR. You can play with all spacing until you find your preferred setup.

4. It’s the same icon and position as SuperFly, but it’s not SuperFly. I checked the coding and it’s more on custom coding. It’s just a normal button and coded to open a popup and scroll.

Thanks!

[brighthings]

This reply has been marked as private.

[Christopher]

Hi there,

Please remove current-menu-item class from menu items. This class applies automatically to active item.
Please activate one page navigation for this specific page.

Hope it helps.

[Author]

Posts