If you add border: red 1px solid
to body, you will see that header_main goes outside the body at the top right corner, so I can’t style the body properly, for example with a shadow or border, because you will see the header going outside.
How to fix it?
Thank you.
any link to see – and to inspect with developer tools for us?
Hi,
That is likely happening since the header is displayed in a fixed position.
Best regards,
Rikard
There are tricks and methods to realize some things (f.e. you can have shadow only on one side of a container) , but the secrecy around live links here on board often prevents the gladly performed assistance to some topics.
You see here a special case of boxed Content ( and this is the trickiest case you can have ) with Borders: https://webers-testseite.de/bernhard
That is likely happening since the header is displayed in a fixed position.
That is the problem, what I need is the solution. It does not matter that is fixed to justify it is wrong. How to fix it?
secrecy around live links
I know, unfortunately I can’t share the link to the public yet.
Thanks.
Hi peterolle,
Can you disable caching and minification for now?
Best regards,
Victoria
What for is cache disabled needed ?
You can style the site completely even when cache is active.
Inspect > Modify style > share the fix.
Thank you.
Hi peterolle,
Try adding box-sizing: content-box, here’s the css code you can try on the body:
#top {
border: 1px solid red;
box-sizing: content-box;
}
Best regards,
Nikko
Thank you Nikko, that seems to fix it.
Hi peterolle,
Glad that we are able to help :)
Thanks again for using Enfold and have a great day!
Best regards,
Nikko