Hey Ismael,

thank you very much – I could make all the change requests as descriped using your css codes.
Great.

Could you in addition please let me know how to enlarge the cookies box for mobile view (please see another screenshot).
In the mobile view (smartphones) I reduced the margins to 16 px using the following css code:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
width: 100%;
max-width: 100%;
padding-left: 16px!important;
padding-right: 16px!important;
}
}

Thanks a lot in advance.

Best regards, fkm

Hey Ismael,

I see, thank you very much for your quick reply and for your concrete help on how to proceed in this case.

I really appreciate that.

Best regards, fkm

Hi Ismael,

exactly like that – it’s very motivating when something works right away.
Thank you so much.

I have one last question on this topic:
the top border disappears for all togglers if you select them separately using the sort function expect from the first one (please see screenshot).
Is there a quick fix for this too?

Thank you very much in advance.

Best regards, fkm

Hi Rikard,

thank you very much for replying, checking and giving me that constructive advice.

I first deleted the font files and uploaded them again, but nothing changed.
Then I deleted the font files again and experimented with the filenames (eliminated hyphens and/or terms).
After uploading them again it suddenly worked fine again, so I think I made a mistake in the filename structure, which was no longer accepted after the update.

In this case, everything is fine again, so you can close the topic as completed successfully.
Thanks a lot.

Best regards, fkm

Hi Rikard,

this issue is solved succesfully.
So you can close it.

Thank you very much.

Best regards, fkm

Hi Mike,

exactly like this – workes great.

Thank you very much!

Best regards, fkm

Hey Yigit,

exactly like that – just awesome.
Thank you so much!

Best regards, fkm

Hey Yigit,

thank you very much for the quick and helful reply – this code works well. Looks great!

Now I would like to increase the space above the menu items at the flyout area and, if possible, keep the border (black line) below the header at the flyout area as well.
Please see screenshot “enfold_flyout-menu.jpg”.

Also, I’m wondering if it’s possible to remove the middle line of the burger and keep the menu with just two lines that become an X!?
Please see screenshot “enfold_menu-burger”

Please help.
Thank you very much in advance again.

Best regards, fkm

Hey Mike,

exactly like that – works fine. :)

Thank you so much.

Best regards,
fkm

Hi Yigit,

that´s what I call a quick answer – and it works well.
Thank you very much. :)

Is it also possible to remove the darkening effect over the page when the flyout menu flies in and out?

Thanks in advance.

Best regards,
fkm

Hi Yigit,

exactly like that – great.
Thank you so much.

Now that I see how stylish it looks/feels without the highlight color, I wonder if I can transfer this to all other links on my website as well (e.g. to the mobile menu/burger and others). Should I start a new thread for this topic?

Best regards,
fkm

Hi Yigit

thanks again for your reply and for your patience. :)

I have now reduced the size of the logo and uploaded it again as SVG.
I have also placed the burger menu on the right side again (before it was on the left side) because of a better usability with one hand.
Then I removed a few codes relating to logo settings from my quick css field, which are no longer needed and could possibly even lead to complications with other codes (!?).

With your support, I was able to make almost all changes as desired.
It (still) looks great on big screens and tablets.
Plus I can activate the burger menu again on my smartphone and and the logo remains fixed when the menu flies in. Great.
Only the logo appears still too big on smartphones and I´d like to adapt it to the other views (same size and position).
Please see screenshot.
I tried around with several codes and values (I also tried to change the 80px for logo height as you wrote before).
Unfortunately, I couldn’t do it on my own.
So please help (again).

Thanks a lot in advance.

Best regards,
fkm

Hi again,

before the Enfold update, I uploaded a logo in SVG format at the Enfold theme options using the “SVG Support” plugin and with it I replaced the former pixel-based logo (PNG).
The SVG logo apperaed in the same way as the PNG logo (same size/dimension) on any device (but with the advantage of lossless scaling).
It looked like this (please see the screenshots): logo-png_homepage.jpg and logo-png_flyout-menu.jpg

With the Enfold update it disappeared suddenly.
After Yigit kindly recreated my SVG logo (following the hints from Günther) – on this point, thank you again for your support – it showed up again.
Untfortunatelly not in the same way as before (at least on mobile devices it was shown way to big and on the flyout menu it disappeared).
Please see screeshots: logo-svg_homepgae.jpg and logo-svg_flyout-menu.jpg

Btw: I just found out that the original SVG logo showes up again when using the plugin “Safe SVG” instead of “SVG Support”.
But unfortunately in the same way as just described (too big on mobile devices/not on the flyout menu anymore).
So unfortunately, this is not the solution.

Please do not understand my description as a reproach, but as an indication that may reveal the problem.

Thank you in advance for your reply.

Best regards,
fkm

Hey Yigit,

thanks for your fast reply.

I just did how you said (at least I think I did) but nothing happend.
Please take a closer look.

Thank you very much in advance.

Best regards,
fkm

Hi Rikard,

I just found out that there is a note (“limitation”) on the column element that says that negative values ​​cannot be used with an individual height of the column. Sorry, I really thought it was different before, but I could also have been wrong. I’ll try to reduce the spacing in another way and if I get stuck I’ll open a new thread. Sorry again.

Best regards,
FKM