[MatthieuDelageParticipant]

Hi,

Thank you for doing this, however now:

1) The text in the blue bar is cut at the top (I temporarily made this a bit better but reducing Header Size to 70px)
2) In my custom CSS, I can’t find the CSS for the phone number item, so I don’t know how where to go to make modifications.
3) The phone number is too close to the blue bar, I would like to move it up a bit

Thank you in advance for your help

[Rue NelModerator]

Hello There,

Thanks for updating in!

#1] I have seen your site in a mobile screen. The headings are quite big enough (without your custom css reducing the font). You may need to apply Responsive text and manage it in Settings > Responsive Text. To know more about responsive text, please check it from our knowledge base here: https://community.theme.co/kb/shortcode-walkthrough-responsive-text/, http://demo.theme.co/integrity-1/shortcodes/responsive-text/

#2] This is the css block for the phone menu item

#menu-item-545 a {
    color: #000080;
    font-size: 20px;
}

#3] You will need to update the code and use this instead:

#menu-item-545 a {
    color: #000080;
    font-size: 20px;
}

@media(max-width: 767px){
  #menu-item-545 a {
    margin-bottom: 30px;
  }  
}

Hope this helps.

[MatthieuDelageParticipant]

Hi, thank you for your answers, however the problem was on desktop version!

As you can see if you go on the desktop version, the phone number is too close to the blue bar, and the text in the blue bar is not centered.

I have tried to add padding-bottom and margin-bottom to the phone number code (the desktop code), but it is cutting the text of the blue bar.

How can I have everything work at the same time?

Thank you

[Rue NelModerator]

Hello There,

Please update the code again. You can make use of this code:

#menu-item-545 a {
    color: #000080;
    font-size: 20px;
    margin-bottom: 20px;
}

@media(max-width: 767px){
  #menu-item-545 a {
    margin-bottom: 30px;
  }  
}

To avoid the blue bar from being cut off, please go to your customizer, Appearance > Customize > Header > Navbar and set the “Navbar Top Height (px)” to at least 174 pixels.

Please let us know if this works out for you.

[MatthieuDelageParticipant]

Thanks, it’s better! Now the phone number is aligned with the menu items.

However as you can see, the text in the blue bar is still not well vertically aligned. How can I fix this?

(PS: I’m happy to do this on my own if you give me the recommendation but at this point it might be faster for everyone if you tried to give it a go yourself, since it is our 7th or 8th attempt at solving the issue.)

Again, thank you

[ChristopherModerator]

Hi there,

Please remove dot from .custom_h1 class, it should be custom_h1

Add mtn class to this headline as well.

e.g : custom_h1 mtn

Add this CSS under customizer as well :

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto;
}

Hope it helps.

[Author]

Posts