Docs

[ProductionMD1986]

Hi support theme,

I was trying to change the color of the background in my header menu, so I used this code :

.x-navbar {
background: #065c99;
}

but, the color spread on my logo space as you can see :

http://produits-sante-shake-proteine.com/

Also, the color also spread on the sides. I’m only using about 60% of the horizontal space, so, I would like the menu background color to have the same horizontal size.

Thanks in advance for your answer.

[Jade]

Hi there,

Please try:

.x-navbar .x-nav {
    background: #065c99;
}

Hope this helps.

[ProductionMD1986]

Thanks a lot!

And how could I add some padding below the logo? That feature (“Logobar Bottom Spacing”) seems to have disappear from the CUSTOMIZE page on my new version of the theme.

http://produits-sante-shake-proteine.com/

Oh, and is it possible to add some content at the right of the logo?

[Joao]

Hi There, Please add the following code to Appereance > Customizer > Custom > CSS

.masthead-inline .desktop .x-nav {
     width: 100%;
}
.x-brand {
    padding-bottom: 2%;
}

What type of content you are referring to?

Let us know,

Thanks

[ProductionMD1986]

Hi, Iw would like to add text of different sizes and maybe an icon.

Here’s an example :

http://www.produits-sante-naturels.com/

And thank you very much for the previous answer 🙂

[Friech]

Hi There,

You can add an icon before or next to the menu item label by adding an <i> tag. Please follow this post for more info: https://community.theme.co/forums/topic/add-border-around-navbar-links/?replyto=1111669#post-1113297

Regarding the Navbar Font Size please navigate to Customizer and under the Header panel adjust the Navbar Font Size value.

Hope it helps, Cheers!

[ProductionMD1986]

Hi support team, thank you for your answer, but what I really want is to be able to write on my header, at the right of my logo, above the navbar (not on it).

Here’s an example of what I would like to achieve : http://www.produits-sante-naturels.com/

In this site, you can see the text and its position :
SANS-FRAIS PARTOUT AU QUÉBEC
1-855-855-9755
USANA – Produits USANA – Achetez USANA au Québec

I would like to do the same thing.

here’s my url : http://produits-sante-shake-proteine.com/fr/accueil/

Thank you

[Jade]

Hi there,

Thanks for clarifying. Please check on this thread as it is related to what you’re aiming to do.

Hope this helps.

[ProductionMD1986]

It’s not working. Am I doing something wrong?

[Jade]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[ProductionMD1986]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thank you for providing the credentials. You’ve not activated the Child Theme yet, please activate your child theme first and then add the following code in your Child Theme’s functions.php file:

function add_header_logo_extras() { ?>

  <div class="logo-extras-container" style="float: right;">
      <h3>SANS-FRAIS PARTOUT AU QUÉBEC</h3>
	  <h1>1-855-855-9755</h1>
	  <p>USANA - Produits USANA - Achetez USANA au Québec</p>
  </div>

<?php }
add_action('x_after_view_global__brand', 'add_header_logo_extras');

Let us know how this goes!

[ProductionMD1986]

It worked like a charm!

Thank you again support team.

[Joao]

Glad to hear it,

Joao

[ProductionMD1986]

Hi, about the topbar, is there a way to reduce its height?

I tried these codes:

.x-topbar{
height: 26px;
}
.x-topbar .x-social-global {
display: none !important;
}

but the code .x-topbar{height: 26px;} won’t work below around 40px and under. How can I reduce it more?

[Author]

Posts