Jump to content

"BUG" pictures goes over menubar

Recommended Posts

Site URL: https://nectarine-banjo-ewdh.squarespace.com/over-ons

Hi Guys,

I am working on my website but after putting in a sticky menu code, some pictures go over the menu bar instead of under
Could you guys please help me fix this?


This is my full custom code:


header {
position: fixed;
 width: 100%;
z-index: 4;

//menu font-ab //
{font-family:'HERO REGULAR';}

@font-face {   
font-family: 'HERO REGULAR';   
src: url(https://static1.squarespace.com/static/5ebe36ddc03ce047b1c8688c/t/5ef45b6f9c95251197973435/1593072495709/Hero-Regular.ttf), url(https://static1.squarespace.com/static/5ebe36ddc03ce047b1c8688c/t/5ef45b78e4119807307bafb5/1593072504961/Hero-Regular.otf)}

element.style {
    min-height: calc(75vh - -80px);
@font-face {
    font-family: 'TheGwathmey';
       src: url('https://static1.squarespace.com/static/5ebe36ddc03ce047b1c8688c/t/5f477c6373c394243f5d8e93/1598520419665/TheGwathmey.ttf');

h3 {font-family: 'TheGwathmey';}

.Header-inner--bottom {
  align-items: center; 
.Header-inner--bottom [data-nc-container="bottom-left"], 
.Header-inner--bottom [data-nc-container="bottom-center"], 
.Header-inner--bottom [data-nc-container="bottom-right"] { padding: 25px 20px !important; 
  border-bottom: 0px solid #ECE9E8; 
  border-top: 0px solid #ECE9E8;  /*optional style*/
.Header-inner--bottom [data-nc-container="bottom-right"] {
  border-right: 0px solid #ECE9E8; height: 25px;

  border: 10px solid #444D9A;
  height: 15px;
  border-bottom: none;
  position: fixed;
  background: transparent;
  bottom: 10px;
  left: 30px; right: 30px;
  margin: 0px 0px

//Hoogte van section quote over ons//

element.style {
.tweak-index-page-fullscreen-first-page-only .Index-page:first-child, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image, .tweak-index-page-fullscreen-all-pages .Index-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 50vh;
  .footer {
  border: 7px solid #444D9A;
  height: 0px;
  border-bottom: none;
  position: fixed;
  background: transparent;
  bottom: 1px;
  left: 50px; right: 50px;
  margin: 0px 0px

// Hide Spacer Blocks On Mobile //

@media only screen and (max-width: 640px){
.sqs-block.spacer-block {
display: none !important;

Link to comment
  • Replies 0
  • Views 346
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.