Top align in color section and menu transparency

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

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,

We are almost there!

The transparent header and the alignment works, however, the header is now causing another issue. When applying the last changes I use the header setting “sticky header”, the header will obviously use the top 150px (number is not relevant) but as it set set to “transparent” there is no issue. However, when I now select the next color section, the header will display the background of the previous page. See http://galiant.com/#portfolio

Secondly, this will cause the bottom of the page to be moved down by the same pixel size and therefore the scroll down arrow is now moved off the screen.

I can fix this by unsticking the header, however, this will mean no header on the subsequent sections.

Please advise. Thank you!
Andreas

Did as you suggested but no change.

Hi Vinay,

I’m really stuck. Below please find the login details and yes, you can certainly access and make the necessary changes.

Thank’s for your help,
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

Hi Victoria,

All done but unfortunately no success. In summary, the header (first 150px) shows the background of the previous section, in my case the clouds (see: http://galiant.com/#portfolio) and not the background that was actually used in the design (should be white). This mistake then cascades through the entire page, meaning that the arrow for scrolling to the next page is not visible as it now moved down by header margin of 150px and therefor no longer visible.

Do you have any other suggestions?
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,

That only partially the case. As I mentioned above, please have a look at http://galiant.com/#portfolio or http://galiant.com/#bio. Here the text is not too long and does not fill the screen.

FYI: During this entire case, one issue was the top-alignment of the text.This has been solved, however, as I am applying the parent theme for our current discussion, the text is centre aligned right now.

Best regards,
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 Basilis,

Safari is Version 11.1.2 (13605.3.8).

Best regards,
Andreas

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