Hi,
I’m having a tiny imperfection using ‘#wrap_all { border: 1px solid grey; }’
In the right hand top corner (menu area) the line is missing…
Hope you have an small fix for this small problem?
Kind regards,
Jos
Hey Jos,
Thank you for the inquiry.
The following css code should help adjust the header width so that it aligns properly with the wrapper.
.responsive.html_boxed.html_header_sticky #header {
width: calc(1100px - 1px) !important;
max-width: calc(90% - 1px) !important;
}
Please disable the Enfold > Performance > File Compression settings temporarily after adding the css code.
Best regards,
Ismael
Hi Ismael,
I entered the code but without any effect…
Chanced (1100px – 1px) to (1100px – 2px) and the line is back !
Thanks for your help,
Kind regards,
Jos
Hi,
Thank you for your patience, I see that the current css is this:
.responsive.html_boxed.html_header_sticky #header {
width: calc(1100px - 2px) !important;
max-width: calc(90% - 1px) !important;
}
but in order for the css to work as expected with 2px please correct to this:
.responsive.html_boxed.html_header_sticky #header {
width: calc(1100px - 2px) !important;
max-width: calc(90% - 2px) !important;
}
Then clear your browser cache and any cache plugin, and check.
Best regards,
Mike
Hi Mike,
Thanks for the update !
Kind regards,
Jos
Hi Jos,
Glad Ismael and Mike could help! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit