Visual problem with pre-loading menu on mobile

underground1
Inactive member
Topic Author
Offline
Member

10 years 2 months ago #45900 by underground1

Visual problem with pre-loading menu on mobile was created by underground1

Hello,

attached I am sending screenshot. The problem is that when you wisit the site ( kreatikgroup.si/alive ) with mobile for a couple of seconds you get corupted menu nad then responsive menu button shows. Is there any way to hide that "coruption"?

Please Log in to join the conversation.

nikola.mihajlovic
Support Staff
Offline
Moderator

10 years 2 months ago #45901 by nikola.mihajlovic

Replied by nikola.mihajlovic on topic Visual problem with pre-loading menu on mobile

Hello,

well that is shown when page is not loaded fully. But you can use this "trick". On bottom of template_css.css which is located under template_folder/css add this:

Code:

@media (max-width: 1250px) {
  .mp_header6 { 
      display: none;
   }
}

and in template_folder/js find hot_startup.js and right after this line

jQuery(document).ready(function() {

put this code:

Code:

setTimeout(function(){
	  jQuery('.mp_header6').css("display","block");
   },1000);

where 1000 is value in milliseconds after menu should be visible. Please try this solution.

Best regards,
Nikola Mihajlovic

The following user(s) said Thank You: underground1

Please Log in to join the conversation.

underground1
Inactive member
Topic Author
Offline
Member

10 years 2 months ago #45905 by underground1

Replied by underground1 on topic Visual problem with pre-loading menu on mobile

It works!
Thanks!

Please Log in to join the conversation.

Time to create page: 0.287 seconds