Docs

[Nvizion]

I have a few questions see below for details.

[Nvizion]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! The top section where they placed a contact number and social links is the topbar. You can enable the Topbar on Customizer under the Header panel. Their Navbar Position is set to Fixed Top it is also on the Header panel.

I am not entirely certain what do you want to do with the sign up link, please clarify.

Cheers!

[Nvizion]

No I want my mobile menu to be styled like theres nothing about the top bar just the drop down menu mine currently overlays. If you look on mobile you can see what I am talking about.

[Nvizion]

This reply has been marked as private.

[Joao]

Hi There,

Deactivate Ubermenu. You are not taking any benefit of it, it just makes your site heavier, once you deactivate it you will be using X Standard Menu and that is the menu you are looking for.

Hope it helps

Joao

[Nvizion]

I deactivated it but now I don’t have any styling on it… how can I style it like I had previously?

[Nvizion]

I also want to change the button size to be inline with my logo at top to bottom and change the colors where do I find all of these options?

[Christopher]

Hi there,

Please adjust menu spacing under Customize -> Header.

Please add following code in Customize -> Custom -> Global CSS :

.menu-item-74 a span {
    background-color: green;
    padding: 10px !Important;
    display: inline-block !important;
    color: #fff;
}

Hope it helps.

[Nvizion]

ok so how can I center all of the menu items vertically and make the text bold? I also want the green box to go from top to bottom in that white area.

On mobile menu how can I adjust the size of the box that drops down the menu and change the color and remove the grey part? Also on mobile menu I want to remove the outlines from the boxes and put line seperators like my example instead.

thanks so much for help

[Christopher]

Hi there,

Please adjust the values for ‘Navbar Top Link Alignment’ and ‘Navbar Top Link Spacing’ under Customize -> Header.

Update previous code to :

@media (min-width:979px){
.menu-item-74 a span {
    background-color: green;
    padding: 10px !Important;
    display: inline-block !important;
    color: #fff;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-74 a {
    padding-top: 85px;
}
}

.x-navbar .mobile .x-nav li>a {
    border-bottom: 1px solid;
    border-right: none;
    border-left: none;
    border-top: none;
    margin: 0 0 0px;
}

Hope it helps.

[Nvizion]

neither of those options are moving the text down just making the white space at the top bigger.

and that code only adjusted the sign up one and it put it way at the bottom of the area

[Joao]

Please update this:

@media (min-width: 979px) {
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-74 a {
    padding-top: 85px;
 
} }

For

@media (min-width: 979px)
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-74 a {
    margin-top: -10px;
 } }

Hope it helps

Joao

[Nvizion]

I still need to be able to move all of the links down to middle of that section and on mobile version I need to be able to change the styling/size of that button and make the links have lines inbetween them instead of boxes around it and reduce padding at the bottom of the menu when it drops down.

Also would like after the navigation is moved to center of that area I would like if the green box could go to the top and bottom of the white on desktop only.

[Nvizion]

This reply has been marked as private.

[Author]

Posts