Hi Victoria,

Thank you very much for your continuing support! As I am in no way an expert, I am just applying the suggestions given, sorry if I need to ask you once more to clarify.

The example you mentioned first (#bio . container . content {vertical-align: top;) was based on Vinay’s recommendation above (July 3, 2018 at 1:52). I simply applied the code given on the krisi webpage (https://kriesi.at/documentation/enfold/color-section/#content-alignment).

As to your solution, do I understand correctly that I should replace
#bio . container . content {vertical-align: top;}
with the line
.avia-section.av-minimum-height

Sorry if my questions is so basic,
Andreas

Hi Basilis,

I think it may be a browser issue. As a Mac user I usually use Safari and I always have the error O described. I also checked the site under Firefox and the error does NOT exist.

That said, attached please find a link to a pdf file that shows what exactly the problem is – when and how the error occurs.

Best regards,
Andreas

Hi Victoria,

The error with the taking taking the first 150px and therefore the scroll arrow disappearing off the browser window all occurs with the parent theme. If you want to check, currently the parent theme is enable. The error with the background of section 1 showing on section 2 is OK.

Best regards,
Andreas

Hi Victoria,

Ahhhh, there you go – something I would never have played with…as I do not understand it :-)

I just talked to the hosting provider and all I need to change is a setting. However, they said that I should check with you what version I should use (7.0, 7.1 or 7.1) before making any changes.

Best regards,
Andreas

Did as you suggested but no change.

Follow-up:

I just found a solution to the problem…although I am not sure why this occurred or why the solution works, anyway. After creating a child theme nothing seem to work, however, one I went to Child Theme (galiant) -> Import/Export -> Insert Parent Theme Settings, it worked!

Now the 2nd/final issue: the content entered in all the color section is centred (100% browser window hight). I would like to have this top-aligned. Found many posts on this but non of the solutions seem to work. Sample: http://galiant.com/#bio

Best regards,
Andreas

Hi Vinay,

Plugins: As you may have seen, the site does not use any plugins at all. All deleted before even starting the page
WordPress: it was the latest version but reinstalled it again
Enfold: it was the latest version but reinstalled it again

I even reset all the theme theme options and set them anew but the two problems persist. The header is too large and not transparent when opening http://galiant.com. When I use the anchor-point #home, the header is smaller but still not transparent (although the smaller size is quite logical).

There is also still the second issue that you have not addressed yet – having the text in the colour-section top aligned and not centred.

Thank you for your help,
Andreas

Hi Vinay,

Thank you for your quick reply and the fix for the transparency issue.

I still have the issue that the content in the color section is entered and not top-aligned i.e. when I select the page/link “Bio”, the text is entered and not aligned on top.

When I attempted to fix the alignment issue, I tried various fixes that are mentioned in the forums. Non of the solutions worked, however, the constant changing and deleting of codes may have “corrupted” something.

It would be great if you could also advise me on the alignment issue.

Best regards,
Andreas

Hi Andy,

Works perfectly – thank you!

Best regards,
Andreas

Hi,

The issue is in Safari, Firefox (Mac) and according to friends also in IE on Windows. Please see the images:

Selecting for the first time: http://sandbox.moelzer.de/initial.png
Reselecting: http://sandbox.moelzer.de/reselect.png

I have noticed that this ONLY happens when the browser windows is sized not to show all images on one page (need to scroll). When that happens the error occurs upon reselecting the page. If I resize the browser to show all images (no need to scroll), the error will NOT occur upon reselect.

Best regards,
Andreas

Hi Andy,

Thank you for your quick reply. I have disabled the plugins but it did not solve the issue.

I did notice though that the it seems to effect pages that have more images than the browser shows (need to scrolle). This can be a coincident and still does not explain why the first load of the page works and the error only occurs when the page is selected a second time.

In any case, below please find the login-credentials will full admin rights.

Thank you for your help,
Andreas

Hi Yigit,

Thank you for your reply. Unfortunately nothing has changed. The lines between the menu items and the other widgets are still visible. Any other ideas?

Best regards,
Andreas

Hi Elliott,

We are getting closer. The IE issue seems to be tracing back to older versions. I got the original complaint from numerous clients and it turned out that they all run XP and a specific IE flavour (their IT does not allow them to upgrade).

Now to the last open issue – Safari

Safari: The accordion is perfectly aligned with the header and footer, however, the accordion effect does not show the full image – see: http://www.galiant.com/enfold/safari.png

Firefox: The accordion is no longer aligned with the header of footer, however, the accordion effect does show the full image http://www.galiant.com/enfold/firefox.png

Best regards,
Andreas

Hi Rikard,

Sorry for the very late reply. Off for a couple of days.

Below please find the login-details.

Thank you,
Andreas

Ups, hit send too fast.

I got it to work somewhat through the “simple image size”-plugin and changing “entry_without_sidebar size” and “entry_without_sidebar size” to NO-cropping.

As for the second part regarding the images in the Accordion Slider. These images where the correct size (845×684) but are now in a square shape and cropped. Any thoughts?

Best regards,
Andreas