Docs

[pcnordhaug]

Hi! The header loads in while the rest of the page is emty. Only the background color is visible below the header. Then, after a while with slow internet, the rest of the site comes visible. This is regarding the portfolio-page. And i have many post som it´s a bit heavy.

To solve this i plan to have a image that pops up in the centre of the page telling visitors that it takes a little time to load. Maybe a button to click to hide the picture. And this picture only will show the first time you enter the site.

I have found a solution to that with a ad-plugin. is there any other way?

The issue now is that i want this ad to load in with the header so it displays before the content (this loads in the back) if you know what i mean?

Is there a line of code i can put somwhere f.ex?

And yes i use a child-theme.

[pcnordhaug]

This reply has been marked as private.

[Joao]

Hi There,

Your website loads fine on my end and it is not slow at all.

In case you want to add a pop up to gain time I recommend you trying our bundled plugin Convert Plug.

Hope that helps

Joao

[pcnordhaug]

This reply has been marked as private.

[Jade]

Hi there,

I tried to access your site but there seems to be an active under construction page active.

Kindly provide us with the login details to your site so that we could bypass the coming soon page.

[pcnordhaug]

This reply has been marked as private.

[Rupok]

Hi there,

I guess you are referring the portfolio page (http://www.norsksykling.no/norgerundt/)

When the page loads there is a preloader while loading the portfolio items. It’s pretty usual but as you have changed the content background same as the header so it looks a bit inconsistent because the loader is not properly visible on dark background.

So you can change the loading image by adding the below code under Customize > Custom > CSS :

#x-isotope-loading {
  background-image: url("path/to/your/loading-image.gif");
}

Let’s use a light color image. You can create a gif loader from here – http://loading.io/

Hope this makes sense.

[pcnordhaug]

Sorry my late response!

This was exactly what I was looking for. Tried it before but didn´t got it to work. This solves it.

Thanx! 🙂

[pcnordhaug]

Tried this now. And it just dont work. Same thing as before. The loading-amage doesn´t show. Your code is exactly as you wrote and the path to the image is right.

Is there some code that are missing?

[Lely]

Hello There,

Please update your CSS to this:

#x-isotope-loading {
  background-image: url("http://www.norsksykling.no/_elements/loading-image.gif");
  height: 120px;
  width:120px;
}

Default image size on the CSS doesn’t suit the new image.

Hope this helps.

[pcnordhaug]

That helped a little bit. It did show but the header pops up togheter with the sort-button. Rest of the page is black (background). Stayes like that for a while – then det loader image pops up in a blik and then the rest of the page right after that.

Hoped that the loader-image could pop in at the same time as the header og shows while rest of the page loads…

[Paul R]

Hi,

That is a normal behavior of a page trying to load your images as you can see our demo also works the same way

Portfolio

You can make your page load faster by installing a cache plugin, kindly refer to the link below for your guide

https://community.theme.co/kb/performance/

Hope that helps.

[pcnordhaug]

Ok. I´ll find a way here. Thanx 🙂

Just one more quick question. Is there a code for changing the lines between items in drom down menu on mobile? Not the lines in the hamburger menu – but the lines between all the menu items in the drop down.

See the attached image captures from your demo.

And oh – like to change the icon used in this meny. The two arrows on the right side.

[Rue Nel]

Hello There,

Thanks for the updates! To resolve the issue which would change the lines between items in drop down menu on mobile, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar .mobile .x-nav li>a {
    border-color: black;
}

Please let us know if this works out for you.

[pcnordhaug]

Thanx! Worked out very smooth 🙂

And to change the icon used in this meny? The two arrows on the right side?

[Author]

Posts