Docs

[ProductionMD1986]

Hi,
I would like to place a text below the logo, in this case a phone number. I’ve followed this link:
https://community.theme.co/forums/topic/adding-text-below-logo/

and I added this code

.x-navbar .tagline {
display: block;
clear: both;
float: left;
}

It worked, but it pushed down the menu. I’ve tried to put it higher again reducing the Navbar Top Link Alignment and the Navbar Top Height. But I can’t put it back where it was before.

Thank you for your help.

My url is : http://stylexacrylique.com/sa/

[Joao]

Hi There,

You need to go to Appereance Customizer Header and play with this parameters:

Logo Size

Font Size

Link Spacing

Letter Spacing

Number of links on menu as well.

At the moment there is not enough width for all your elements the way they are,

Hope that helps

Joao

[ProductionMD1986]

Hi, it did help. Thank you.

I have another question now, I’ve modified my header so the navbar it’s transparent. I used this code :
.x-navbar {
position: absolute;
width: 100%;
top: 0;
background-color: rgba(255,255,255,0.8);
box-shadow: none;
border-bottom: none;
}

But since, my navbar doesn’t stay on visible on top when I scroll down. How can I make it stay?

[Rupok]

Hi there,

Let’s add this CSS as well :

.x-navbar.x-navbar-fixed-top {
	position: fixed;
}

Cheers!

[ProductionMD1986]

Thank you so much support team!

Now… I’ve noticed 2 strange behaviours : 1) in mobile mode, the background of the navbar goes over my pages titles 2) the submenu covers the main menu when it appears.

http://stylexacrylique.com/sa/

Thank you again for your help.

[Rupok]

Hi there,

Actually mobile menu not supposed to be fixed as it will create unusual behavior. Kindly update the above suggested code to following :

@media only screen and (min-width: 980px) {
.x-navbar.x-navbar-fixed-top {
	position: fixed;
}
}

Hope this will do the job.

Cheers!

[ProductionMD1986]

Hi, I think I’ll go back to the Navbar Top Link Alignment and the Navbar Top Height default settings so I don’t get unwanted results. The reason why I changed them, it’s because I wanted my slider in home page to be under my transparent navbar.

So is there a way to reduce the Navbar Top Height only for the home page? So it only affects my “above masthead” slider? To recapitulate, I want my transparent navbar to go over my home page slider, but I don’t want this behaviour to affect the other pages, only the home page.

Thank you very much for your help.

[Joao]

Hi There,

Yes that is possible,

Would you mind providing your WP Admin credentials so we can take a look on how you setup everything until now?

Thanks

[ProductionMD1986]

This reply has been marked as private.

[ProductionMD1986]

I set the Navbar Top Height to default. But it still covering my page titles

[Joao]

Please add the following code to Appereance Customizer Custom CSS

.x-main.full {

    margin-top: 70px;
}
.home  .x-main.full {

    margin-top: 0px;
}

.x-slider-container.below {
   
    margin-top: -61px;
}

Hope it helps

Joao

[ProductionMD1986]

It does help a lot! Thank you very much support team!

[Darshana]

Glad we were able to help 🙂

[Author]

Posts