Efects on my site

Hi elCHAVALdelaWEB,

oh man, sorry, at that time when give the error, i put the original file, when i opened it, i saw that this code was not there…

now i put again, but still doing… what could be?

Thanks,

Tony

Ok, now I see the problem – firstly when everithing but fonts is loaded, the letters are some bolder and the width of your menu exceeds its defined width. So it overflows its container and splits in two lines.

You can try to put something like this in your CSS file:

#container .main-menu {
   height:55px;
   overflow:hidden;
}

It will just make this ‘flickering’ less visible.

And by the way, I think you can remove the code you have added before:

<style>
* {
  margin:0px;
  padding:0px;
}
</style>

Hi elCHAVALdelaWEB,

I did what you said! ??

It′s working perfectly at principal page (obrasdarte.com)

But at any page or post, still doing the flickering… what could be?

Thanks,

Tony

I’m sorry, but I’m still seeng it without that style. I think we are both seeng it from cache. Clear the wordpress cache, I think it will help.

I cleaned the cache, and now, even the principal page is flickering, i made the test here, with or without the code:

<style>
* {
margin:0px;
padding:0px;
}
</style>

and the CSS code i put in the field of Global CSS: https://clip2net.com/s/5T3jU9

Field Global CSS of the Theme Setting

now I see, the overflow:hidden style can’t be applyed because the menu has dropdown submenus that must be visible.

I don’t think there some good solution for this because the main problem is the font (Oswald) loading speed – it is loaded after the content is rendered so it makes this effect. You could try add it to the exception list to make it load before the content rendered, but I’m not shure.
Add something like this to the exceptions list:
fonts.googleapis.com

I think you found the solution!!! ?? ?? ??

take a look please! and the cache is cleaned!!!

Great ! and the loading speed and Google Insights score also are very good !

That′s awesome!!!

let me ask you, you know i′m young in coding…

the both CSS codes, at the

header.php:

<style>
* {
margin:0px;
padding:0px;
}
</style>

and at the global CSS theme:

#container .main-menu {
height:55px;
overflow:hidden;
}

stays there yet?

Thanks!

I think they are not necessary already and you can remove them.

Hi elCHAVALdelaWEB,

Thanks, i removed, and it′s all ok!

I noticed now that has some conflict between ASYNC and Ajax Event Calendar, i put the JS files at exception, but anyway the calendar didn′t work…

Calendar: https://www.obrasdarte.com/calendario

And the cache is cleaned.

Regards,

Tony

I have tryed this plugin on my demo site and it looks like it has no conflicts with it – everithing is working perfectly. Here you can see it working: https://demo.pontenweb.com/?page_id=7
I have not used any exception, in settings all checkboxes are checked and “CSS loading method” is the default one.

So I think there some other problem or conflict on your site.

Hi elCHAVALdelaWEB,

Thank you by the reply!

It must be other thing… i will try to discover!

Thanks and Regards,

Tony

I hope you can resolve this problem. But one thing I’v found – looks like Ajax Event Calendar doesn’t work on some versions of wordpress – look on the plugin’s page at the bottom part of the right sidebar.

And thanks a lot for the great review !!