Visual problem with pre-loading menu on mobile

underground1
Inactive member
Topic Author
Member

9 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"?

Attachments:

Please Log in to join the conversation.

nikola.mihajlovic
Support Staff
Moderator

9 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
Member

9 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.214 seconds