[caw442000Participant]

I am trying to remove the border around the nav bar so it just says the words and no line delineation.

http://pleasurelifestylevacations.com/

Also there is a line above the nav bar that runs full width of the screen that I want to get rid of as well.

Also the color that pops up on hover I want to change that to be the color of the logo if possible

Thanks

[DarshanaModerator]

Hi there,

Thanks for writing in! Please add the following CSS rules into your Customizer, Custom > CSS rules into your Appearance -> Customize.

.x-logobar {
    border-bottom: medium none;
}

.x-navbar {
    border-bottom: medium none;
}

.x-navbar .desktop .x-nav > li > a {
    border-left: medium none;
}

.x-navbar .desktop .x-nav > li:last-child > a {
    border-right: medium none;
}

To change the hover color, please use the following CSS rule and change color values accordingly.

.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: 0 2px 0 0 #ee0000;
}

Hope that helps.

[caw442000Participant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please install Cornerstone from X Addons -> Extensions and disable X shortcodes plugin. Add the following code in Customize -> 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;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 20px;
    padding-right: 20px;
}

Hope it helps.

[caw442000Participant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for updating. Unfortunately I can’t see the code on your site rather noticed this conflicting code –

.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: 0 2px 0 0 #dd3333;
}

Make sure you have added the suggested code correctly and don’t forget to remove all other conflicting codes for the same thing you tried earlier.

Thanks

[caw442000Participant]

This reply has been marked as private.

[NicoModerator]

Hi There,

Would you mind sharing us your admin credenitals so we could easily trace the conflict and we could check your setup closer.

If possible also, would you mind sharing us screenshot which part are still not to what have planned or changes to be done.

Don’t forget to set it as private reply.

Thanks.

[caw442000Participant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for providing the credentials of your site. We have replaced your custom JS in the customizer. It has invalid quotes in the code. We replace it with this code:

jQuery(function($){
  $('.x-navbar').prepend('<div class="x-custom-topbar">Content here</div>');
});

Can you please check what other things need or you want to change? Please let us know.

[caw442000Participant]

Sorry to take so long to get back to you but the borders around the nav bar are still there vertically. The spacing is causing the nav bar to go to a second line still as well. And now there is a white bar across the header that says Content here. I did not realize that Content here was ever there until i went back and reread that code… I went back and it was code that was supposed to allow the stacked scrolling… so the nav bar stays at the top on scrolling down the page. it used to be the header then nav bar then below mast then body content for page. I don’t know what changed when I updated the theme but everything is still funky. Can these things be fixed? Also I updated wordpress and now it is throwing an error too for The called constructor method for WP_Widget is deprecated.

Any help is much appreciated

[LelyModerator]

Hello There,

Thanks for getting back to us.
To remove left and right main menu border, please add the following CSS:

.x-navbar .desktop .x-nav > li > a {
    border-left: none !important;
    border-right: none !important;
}

Then remove the following custom CSS from your customizer:

.x-navbar .desktop .x-nav > li > a {
    border-left: medium none;
}

.x-navbar .desktop .x-nav > li:last-child > a {
    border-right: medium none;
}

To prevent the menu from creating second line, please decrease the value Navbar Top Link Spacing(px) from Appearance > Customize > Header to 20px or lower.

About the Content here text, that is because of the custom javascript code. It adds content before the navbar. If that code is not intended to be there, please remove it. To make you navbar fixed on top when scrolling please set it via Appearance > Customize > Header > Navbar Position > Fixed Top : .

Hope this helps.

[Author]

Posts