Docs

[truaxbrandingco]

Hey there guys!

You’ve been such a great help thank you for getting back to me.

So the drop down menu for destinations on my site is coming from the top bar. I would like it to come from the nav and stay transparent just as the nav is.

Thank you!

http://50.87.248.168/~inertiat/

[Prasant Rai]

Hello There,

Thanks for writing in!

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

ul.sub-menu {
    top: 92px !important;
    background: #7fbddd !important;
    opacity: 0.6;
}

Thanks.

[truaxbrandingco]

Worked perfectly thank you! Can you tell me how to remove the bar that appears when you hover over a link?

[Jade]

HI there,

Please add this link for that:

.x-navbar .desktop .x-nav > li > a:hover {
    box-shadow: none;
}

Hope this helps.

[truaxbrandingco]

Hi Jade!

Thank you for your reply. It works when you hover over destinations but when you hover over the other links the bar appears over destinations.

Thank you!

Best,

Nate

[Rad]

Hi there,

Please update your CSS to this,

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > li.x-active > a:hover {
    box-shadow: none !important;
}

Hope this helps.

[truaxbrandingco]

Hey Rad

No unfortunately the button is just permanently clicked now. I just need the menu to not have the bar when scrolling over the links.

I also have a couple other problems:

1. In mobile mode the menu overlaps.
2. I do not want drop down menus to be transparent and I want them to be white.

Thank you guys you’re the best!

http://50.87.248.168/~inertiat/

[Christopher]

Hi there,

Please find and remove this code :

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > li.x-active > a:hover {
     box-shadow: none !important; 
}

No unfortunately the button is just permanently clicked now. I just need the menu to not have the bar when scrolling over the links.

I’m sorry but it’s not possible. You can remove active state box shadow if you want.

Find this code :

.x-topbar {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 100%;
    border-bottom: 0;
}

And update it to :

.x-topbar {
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    border-bottom: 0;
}
@media (min-width:979px){
.x-topbar {
    position: absolute;
}
}
.x-navbar .mobile .x-nav li>a {
    background-color: white;
}

Hope it helps.

[truaxbrandingco]

It sure did thank you!

As for the box shadow how can I get that off? Also, now the box shadow seems to permanently highlight on the main page.

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
box-shadow: none;
}

Hope it helps

Joao

[truaxbrandingco]

Hey guys!

So for some reason the drop down menu stopped falling below the actual menu. If you go to the site you can see that it pops up in random places. Is there some conflicting CSS? Please help!

Thanks

[Rue Nel]

Hello There,

Thanks for the updates! The issue happens because you have set the navbar top height in the customizer to zero (http://prntscr.com/c5squu). To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar .desktop .x-nav > li ul {
    top: 112px;
}

And most importantly, I have find out that you have inserted an invalid html code in your topbar content. Please take note that invalid html code could potentially messed up your page layout sooner or later. Please update your topbar content and make use of this code instead:

<font size="4">FRIENDLY, HELPFUL ADVICE &nbsp;| <b><a href="tel:+1-800-821-2176">PHONE: 800.821.2176 |</a></b><b><a href="sms:/* +1-9562383761 */&body=/* body text here */"> TEXT: 956.238.3761 |</b><b><a href="http://www.gwinertiatours.com"> LOG IN</a></b></font>

You code is already deprecated. I am to use something like your code, I would have use this:

<span>
  FRIENDLY, HELPFUL ADVICE &nbsp;| 
  <strong><a href="tel:+1-800-821-2176">PHONE: 800.821.2176</a></strong> |
  <strong><a href="sms:/* +1-9562383761 */&body=/* body text here */"> TEXT: 956.238.3761</a></strong> |
  <strong><a href="http://www.gwinertiatours.com"> LOG IN</a></strong>
</span>

Hope this helps.

[Author]

Posts