Hi Ismael,

thanks for your reply!
Unfortunately, it seams like nothing happened – I removed the “.isotope” entry from avia.js as you suggested and I don´t see any change. Should I make some more changes or?

Best,
Svetlana

Dear Rikard,

as it seems that the log-in credentials don’t work, I have posted new ones in the private section.

Best
Sandra and Svetlana

Hi Rikad,

thanks for quick reply!
More infos in private section.
Best,
Svetlana

Hey guys,

I really need help here!
Thanks!

Svetlana

Hi Rikard,

thanks for your reply! I am sending the link as a private message.
Note: Only the THIRD gallery is relevant for our issue. The first two are just options for us, it´s not interesting for this matter.
Best,
Svetlana

Hi Vinay,

thank you for your help. I have added the content into the private section.

Thank you very much!
Sandra

Hi Andy,

thank you for that clear instruction! It worked.

But one questions remains unanswered: how can I center the logo on mobile devices?
Unfortunately the logo is positioned differently on different mobile devices. (see my explanation and screenshots above).

I managed to center it correctly on HTC, but when you have a look at the site on an iphone or samsung the logo is not shown centered anymore.

What can I do to let it appear centered on all (most of) mobile phones?

Thank you very much again for your help,
Sandra

Dear Elliott,

thank you very much for your help. But I still have some issues that I will summarize below and hopefully you can help me with that:

1. Headerstyle/ Whitespaceproblem:
Yes you are right, I’ve put the header to transparent to avoid borders. And now I understand that this causes the content to be pulled up.

I set the general header settings to “minimal” as you proposed. But this alone did not change the situation.

What helped to reduce the whitespace:
The general settings: header style > minimal
The settings for the page/post > no transparency

On mobile it looks good!
But the desktop view shows a border underneath the logo. This is what I wanted to avoid when using transparency option.
How can I get rid of that line?

2. Logo not centered on mobile devices
Unfortunately the logo is positioned differently on different mobile devices. (see screenshots in post above)

I managed to center it correctly with your code on HTC, but when you have a look at the site on an iphone the logo is not shown centered anymore.

What can I do to let it appear centered on all (most of) mobile phones?

Thank you very much again for your help,
Sandra

Hi Elliott,

thank you for your effort!

The first code worked pretty well, the logo is now centered on desktop and mobile view.

But the second code unfortunately didn’t work. I try to explain the issue more precisely and will add screenshots.
When creating the header and the content elements of the page I encounter the following problem: I have to use a grid row element and change the top padding to 150px otherwise header and content will get piled up and layered. See below:

Defect header without container/ grid row element, now header and contend are layered:

Only by using the grid row and adding 150 px to the top padding, I can solve this problem. See below:

Correct Header with grid row element and padding top of 150px:

Unfortunately, this leads to a lot of white space on the mobile version. I assume this comes from the 150px added to the top padding: See below

Defect mobile view, there is too much whitespace between header and content.

I wonder, if something went wrong in my general settings, because I have never had the problem of layered elements before. But all changes I tried had no effect.

Do you see what I mean?

Thank you very much,
Sandra

Dear all,

luckily I could solve the problem. I’ve learned that my wordpress suffered from a White Screen of Death.

For all users (that are beginners as I am) with the same problem, have a look here:
http://www.wpwhitesecurity.com/wordpress-tutorial/fix-wordpress-white-screen-death/

Best
Sandra

Hi Andy,

Ok, danke ich werde das versuchen und mich ggfs. noch einmal melden.

Viele Grüße,
Sandra

Hi Rikard,

Ok, I see, thanks for your explanation. That would be a good solution for my question how to see the underlying elements.

However, I’m interested in the demo “Startup Business”, especially in the page “Our story”. At the very end of that page you find a slider combined with a coloured field next to it. I’d love to know how this has been done. Both elements are seamlessly connected with each other. Neither I understand how that works, nor I can figure out which elements can be combined that way.

May I ask you to either give me a hint which elements I have to choose or provide me the code of that page, so I can try to paste it in a new page as discussed above?

That would be great!

Thanks a lot,
Sandra

Hi Andy,

thank you for your help. Unfortunately, the problem’s not solved yet.

I upated enfold and tried the code you’ve send me. Neither worked.

The thing is, I’d like to have a simple colored background – in full-size – with text bolcks on it, like it is right now. But responsiveness should work.
I tried the laout elements, but they aren’t full screen.

So, do I have another option?

Thanks a lot,
Sandra

Dear all,

most of the problems are resolved!

But one thing is still a problem: the self hosted video (embedded in layer slider) does not loop, despite the fact that loop functionality is checked.

I would be very happy if you could help.

Thans a lot,
Sandra

Hi,
thanks for your quick reply!

The thing is that I know the styling settings and the option in the text block to set the font size.
But its limited to a size of 40 resp 25. (And doesn’t even show a reaction when I apply the function).

What to do if want to have a 100 or 150?

I really appreaciate your help.
Sandra