koinos / koinos-io-website

Repo for koinos.io website
MIT License
2 stars 6 forks source link

[BUG]: Tiny margin between header and container #55

Closed WeleleK closed 3 months ago

WeleleK commented 3 months ago

Is there an existing issue for this?

Current behavior

Margin is not big enough on mobile website between header and content

image

Expected behavior

Better spacing between navbar and content

image

Steps to reproduce

hero-27 .container.text-center {margin-top:10px}

Adding this CSS should fix it

Environment

- OS: Chrome Android

Anything else?

No response

WeleleK commented 3 months ago

Probably linked. If a semi-transparent navbar color is used the transition between the navbar and the content is less abrupt. Current background color #1d222f!important

@media (max-width: 767px) { .theme--dark .tra-menu .wsmobileheader, .theme--dark .white-menu .wsmobileheader { background-color: #1d222fbd !important; box-shadow: 0 2px 3px rgba(1, 1, 1, .1); } }

transparent

*** Is not the same navbar transparency as the website on wider devices