[OCcreatesParticipant]

Hi guys,

I hate to ask this when the new header builder is coming out so soon, but alas, client needs the site to go live at the end of this week.

WordPress, X Theme, Cornerstone all up to date. Using Renew stack.
Site: http://odrcorga.accountsupport.com/wp/
Let me know if you need login. 🙂

Questions re: top bar and hamburger menu –

1. I placed a button in the top bar, how can I vertically center it? And how do I get the hover text to be white?
2. Once I placed that button in the top bar, the Facebook icon was no longer vertically centered, how do I get that back to vertical center?

3. Hamburger menu on mobile floats right, how do I get it to center, only on mobile portrait view?

Thank you! Looking forward to the update! You guys are the best!

[OCcreatesParticipant]

Oh, I forgot one thing.

4. Currently, my submenu dropdowns drop down and to the left, how do I get them to center below the main menu item? I would like the box they are in to be centered as well as the submenu item text within.

Thank you thank you!

[JoaoModerator]

Hi There,

1,2 – Please add the following code to Appearance Customizer Custom CSS

.x-topbar .p-info {
margin-top: 1px;
}

3- Please add the following code to Appearance Customizer Custom CSS

@media(max-width: 480px) {
.x-brand img {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}
.masthead-inline .x-btn-navbar {
    margin-right: 45%;
    margin-top: -10px;
    margin-bottom: 10px;
}}

4- Please add the following code to Appearance Customizer Custom CSS

.x-navbar .desktop .sub-menu li > a {
text-align: center;
}

Hope that helps

Joao

[OCcreatesParticipant]

Thank you!

And to center the white dropdown boxes that contain the sub menu item (in addition to centering the text itself), I added the following code to the customizer:

#menu-item-32 .sub-menu { right: -27%; }

#menu-item-37 .sub-menu { right: -45%; }

#menu-item-924 .sub-menu { right: -60%; }

The item numbers being pulled from an inspection of the page. This seems to work! If it’s a bad way to accomplish that, I’d appreciate feedback, but otherwise I’m all set. 🙂

Thank you again!

[Paul RModerator]

Hi,

To center the sub-menu, you may replace your code with this.

.masthead-inline .x-navbar .desktop .sub-menu {
    left: calc(50% - 125px);   
}

Thanks

[Author]

Posts