Menu not displaying correctly through windows (edge and chrome)

Support
#1

Hello hello and happy fridayyyy ! I have a question regarding the menu I made.
My website is live now : https://goo.gl/Gw24vK
As you ll see, I made custom JS and CSS for the menu to be displayed as the first image attached. The problem is that under windows and chrome browsers / edge browser, menu is not displaying correctly (see second screeshot) Wondering if you guys got any ideas for this issue ? Thank you in advance and have a good week end !!!

#2

Hello There,

Thanks for writing in! X 5.1.1 and Cornerstone 2.0.6 are now available in automatic updates! This release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/). Please do update to the latest version. And since you have installed a caching plugin WP Super Cache, please clear your plugin cache first before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

#3

Hi there
thanks for the reply !
I updated as you said cornerstore and the X
removed also the cache plug in
but the menu is still bad with windows
Any thoughts about it ? thanks

#4

Hi,

It seems to be a cache issue as it is working fine on my end.

You need to clear the cache through your wp super cache plugin not remove the plugin.

If you removed the plugin without clearing the cache first, the cache is still there.

After that you also need to clear your browser cache.

Hope that helps.

#5

Hi ! thanks for your support !
I tried all the things you said … clear cache, clear cdn hosting cache, all the things … it doenst work …
I m 99% sure that it’s not the cache since when i change other parameters, results are directly live.

I may have found another thing maybe : In fact, when I’m trying to reducea little bit the browser window (within windows browser), the toggle menu appears ! (and as you guess, this is the result I want for the desktop version).

So i’m wondering if the issue is not comming from de JS or CSS.

As a reminder, find below what I have :slight_smile:

CSS:
/* Menu appearance */

@media only screen and (max-width:1500px){
.x-nav-wrap.desktop {
display: none;
float: right;

}
.x-btn-navbar {
    display: block;
    float: right;
 
}
.x-nav-wrap.mobile.in,
.x-nav-wrap.mobile.collapsing {
    display: block;
  float: right;


}
body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto;
  
}

}

.x-navbar .x-nav-wrap .x-nav > li > a {
font-family: “Trebuchet MS”,bold;
font-style: bold;
font-weight: 10;
letter-spacing: 0.075em;
text-transform: uppercase;
}

/* Menu Logo gauche*/
.x-brand img {
width: 7%;
margin: -47px;
}

/* Menu appearance menu options*/
.x-navbar .mobile .x-nav li > a {
margin: 0 0 10px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
border: 0px solid rgba(0,0,0,0.075);
padding: 0.4em 0.4em;
color: rgb(28, 143, 211);
background-color: #ffffff;
}

/Color navbar/
.x-btn-navbar.collapsed {
color: rgb(28, 143, 211);
}

JS:
/* trasnparence menu*/
jQuery(function($) {
$(window).scroll(function(){
if($(window).scrollTop() > 0){
$(’.x-navbar’).addClass(‘scroll-nav’);
} else {
$(’.x-navbar’).removeClass(‘scroll-nav’);
}
});
});

Hope you can find a way ! thank you very much !

#6

Switched to pro and fixed the problem :wink:
thanks anyway

#7

Glad you’ve sorted it out.

Cheers!

#8

Hi, thank You for your time.

Firefox is perfect, but I’ve a simalar problem on https://LifeEnergy.nl
In Edge and Chrome: the menu is displayed vertical instead of horizontal and no dropdown; just lines unerlind as text links. It is listed double and without layout. My topbar also.

Cleared cache, updated every plugin, but same problem.
Yesterday I updated icons like phones and envelop in page Contact, topbar and widget of footer1 (and also the woocommerce shop-notice.)

Removed the page Contact and all furteron same problem.
Removed complete code topbar an widget of update footer1 same menu problems.

Please help must be something really small, so
many thanks in advance!!!
Ferry

.

#9

Hi @famburger,

Seems to be okay on Edge and Chrome, I also compared it on Firefox and it’s the same. Would you mind providing some screenshot of how you’re seeing it?

Thanks!