Docs

[ImpulseDev]

Hi Guys,
once again back with another question.

I’ve got this site, http://www.thedeckshepparton.com.au & when using chrome or edge I get this strange error, the menu is single page but if the item is clicked then you scroll again. It highlights two of them and a red bar appears of the left of the clicked item.

However if you right click then continue it goes away. Can anyone work out whats going on here.

[Nico]

Hi There,

Thanks for writing in.

I could not see any problem with your setup both in chrome and mozilla browser. Please share us screenshot of what the problem is or a screencast explaining of the problem and on to replicate it.

Let us know how it goes.

Thanks.

[ImpulseDev]

Red is once selected but unless right click, the element highlighted becomes more a duplicate like so.

[Rue Nel]

Hello There,

Thanks for updating in! To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? We’d like to check out the customizer where the red color is coming from.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[ImpulseDev]

This reply has been marked as private.

[ImpulseDev]

This reply has been marked as private.

[Christopher]

Hi there,

It’s because of the transition time you set in following code :

.x-navbar .desktop .x-nav > li > a {
 display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.8s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
width: 100%;

}

Please find and remove the code :

html, body {
    overflow: hidden !important;
    height: 100% !important;
    background: none;
}

Hope it helps.

[ImpulseDev]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

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

Hope it helps 🙂

[ImpulseDev]

This reply has been marked as private.

[Nabeel A]

Hi again,

– For menu issue, you can add the following code in your Customizer:

body .x-navbar .desktop .x-nav > li > a:focus, body .x-navbar .desktop .x-nav > li > a:active {
    color: white !important;
    background-color: transparent !important;
}
body .x-navbar .desktop .x-nav > li.current-menu-item {
    background-color: white !important;
}
body .x-navbar .desktop .x-nav > li.current-menu-item a {
    color: black !important;
}

– To fix the scrolling issue, try adding the following code in your Customizer:

body.page-template-template-blank-3 {
    overflow-y: auto !important;
}

Let us know how this goes!

[ImpulseDev]

Absolute Legend!

[Friech]

Glad we could help.

Cheers!

[Author]

Posts