Docs

[piexec]

http://tre.piexec.com/

Need a little help…

How do I keep the mega menu at full width, but yet keep the logo to the left, and the Navigation off the to right as in a normal inline header layout?

Thanks in advance!

[piexec]

Nevermind. I figured it out.

Next question… How do I remove the RED BOX from “Services” when clicked?

Thanks in advance!

[piexec]

Screenshot attached.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

a:focus, 
a.x-btn:focus, 
select:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="submit"]:focus, 
input[type="checkbox"]:focus, 
input[type="button"]:focus {
        outline: none !important;
}

Thanks.

[piexec]

Great! Thank you.

Next question…

1. How can I get the mobile nav to look better. Not red and hamburger like original X-Theme button
2. How can I get the logo to have some bottom padding so it doesn’t sit right on the edge.

Thank you in advance!

[Christopher]

Hi there,

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

@media screen and (max-width: 959px){
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
    display: block;
    float: right;
    margin-top: 15px;
    border-radius: 5px;
    color: #333;
    background-color: #777;
    box-shadow: inset 0 0 0 transparent,0 1px 5px rgba(0,0,0,0.25);
}
a.x-brand.img {
    margin-top: 5px;
}
}

Hope that helps.

[piexec]

Absolutely awesome!

How can I also change the Hover and Non-Hover colors of the Grill and Menu font?

[Jade]

Hi there,

Please use the following code:

/* Non Hover */
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    color: #fff;
    background: #1f2c39;
}

/* Hover */
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, 
.ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    color: #1f2c39;
    background: #e8ca6f;
}

Hope this helps.

[piexec]

Sorry. I was referring to this section in mobile only. It didnt change that part.

[Rad]

Hi there,

Please change it to this

@media screen and (max-width: 959px){
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
    display: block;
    float: right;
    margin-top: 15px;
    border-radius: 5px;
    color: #333;
    background-color: #777;
    box-shadow: inset 0 0 0 transparent,0 1px 5px rgba(0,0,0,0.25);
}
.ubermenu-responsive-toggle:hover, .ubermenu-sticky-toggle-wrapper:hover {
    color: #fff;
    background-color: #999;
}
a.x-brand.img {
    margin-top: 5px;
}
}

And change its color accordingly.

Cheers!

[piexec]

Making serious progress here…

Now I just need to get the logo and the menu button centered in the header area instead of flush to the top and I’m all set.

[Rue Nel]

Hello There,

Thanks for the updates and for the screenshot. To get the logo and the menu button centered in the header area instead of flush to the top, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 979px){
  .x-navbar-inner {
    min-height: 30px;
    padding-top: 10px;
    padding-bottom: 20px;
  }
}

Hope this helps. Please let us know how it goes.

[piexec]

Perfect!!! 🙂

[Rad]

Glad to hear that! 😉

[Author]

Posts