Hi Rikard

Thank you for coming back to me!
Please find the login details below. I have also provided a link to a document that contains the screenshots and highlights the problems.
FYI: Nikko was helping me with my website and with getting the layout working. He knows how the site used to look.
I am looking forward to hearing from you.

Best Regards,
Reto

Hi Nikko

Thank you very much for your changes! They work as we have hoped for.
You mentioned that you moved the code to WP Code. You refer to the “Change Logo Link” snippet, correct?

On the mobile burger menu the menu items are displayed very small. Do you know how their font size can be changed?

Best regards
Reto

Hi Nikko
Many thanks for this! All three point work perfectly based on your changes and input!
Best Regards, Reto

OK thank you anyway. Best regards, Reto

Hi Nikko
Many thanks this works perfectly! Is there an easy way to make the reference dynamic instead of “#after_section_6”?
Best Regards, Reto

Hi Nikko
Sorry for the late reply! Please find the link in the private section.
– Screenshot 1: large screen (columns are displayed in one row) -> OK
– Screenshot 2: small screen (columns are displayed below each other, but vertical spacing is not as we would like – see red markings) -> TO BE IMPROVED
– Screenshot 3: very small screen (columns are displayed below each other with identical spacing) -> OK

Can you help with this?

Talking about spacing I have one more question: Further down the website the is a header “Services” and below four Columns with fullwidth buttons. On hover over, the button changes its background color. I would like that the lines above and below the buttons has no spacing to the button. But now there is a spacing. Can you help me with reducing the spacing to 0, so that the line and the button “touch” each other?

Regards, Reto

Hi Mike, thank you for your help.
I was able to solve the issue with the “PERSONALIZED & DISCRETE APPROACH” columns.. and will apply it shortly.
Regarding the header: transparent looks better than what I had before (grey) but what I would like is that the header is with gradient transpareny all the time, also upon first loading or when scrolling to the very top. Do you know how I could achieve this?

And my last objective for the header is that the top half is nontransparent and only the bottom half is gradient transparent. Is this possible?

Best regards
Reto

Hi Nikko.
Please see link in private content. The section I am referring to starts with the entry “PERSONALIZED & DISCRETE APPROACH”.
There are two times six entries. The second set looks fine on a desktop. But not at all on a mobile device.
Best regards, Reto

• This reply was modified 1 year, 7 months ago by retom.

Please see link in private content. The section I am referring to starts with the entry “PERSONALIZED & DISCRETE APPROACH”.
There are two times six entries. The second set looks fine on a desktop. But not at all on a mobile device.

Hi Mike, thank you for your help. There was an incorrect comment sign (/*) to end a comment. I have fixed this.
Now the correct font is applied if I assign it through the advanced styling option (with H4 in my case). The font family in the inspector shows as “ibmplexserif-lightitalic”.
The correct font was not applied because I had at the same time assigned an advanced styling option to the object (eventhough I left the font as “default”). Once I deleted the advanced styling option it worked as it should.

Many thanks for your help!

Thank you Mike for your advice!
Your css code works, once I start scolling down. When the page is initially loaded, the header is transparent (with a light color) and the logo in the header is bigger. When scrolling, the logo becomes smaller and the gradient transparent background is as I would like it.
Settings:
– in Worpress the “Header visibility and transparency is set to “Transparent and glossy header”
– Enfold under Header -> Header behaviour: Shrinking header is not checked.
How can I make sure that the Header displays correctly when initially loaded?

I have used the following code:
#header.header_color > .header_bg {
background-image: linear-gradient(rgba(20,21,23,1), rgba(20,21,23,0)100%);
background-color: transparent;
I would like to make the top even less transparent. Is there a way to do this?

One more question: I had defined a specific styling (font) for the H2 and H4 headers under “Advanced Styling”. After applying the changes to the header, these stylings (fonts) are not applied anymore. Do you know how I could fix this?

Many thanks in advance and please let me know if you need further information!

Many thanks! the icons appear now as desired in the text box.
The Icons have a grey line on the left side. Could you tell me how I can get rid of that?
Cheers