Menu Bar cutting off the slides show

Hi

I am using the inbuilt slider and the menu bar is cutting my photos i.e. parts of some of the photos do not show. How do I remedy this please?

Also is there someway I can reduce the size of this menu bar - narrow it so that it only reaches up to the end of the logo area? The menu bar feels too broad.

Thanks
Arosha

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-header:not(.float-header) {
      position: static !important;
    }

    .slides-container .slide-item {
      background-position: top center !important;
    }

    @media only screen and (min-width: 1025px) {
      .site-header {
        padding-top: 5px;
        padding-bottom: 5px;
      }
    } 

Regards,
Kharis

Hi

I pasted it but it didn’t work at all. No changes whatsoever.

Still cutting the photos at the top.

Hi

I looked at the other pages (not home page) and all this CSS code has done is to create a white area on top of all the pages other than home page. See below

Please can you create another one. Thanks

Hello there,

I replied you already in your other topic:

Let’s continue the discussion in there.

Regards,
Kharis

Hi

This didn’t work - no changes were seen.

The menu bar still cuts the photos

Hello there,

Please try adding this CSS code:

    .site-header, 
    .site-header.fixed {
      position: relative !important;
    }

    .slides-container .slide-item {
      background-attachment: scroll;
    } 

Regards,
Kharis

Ok so it worked for the front page but it created a massive blank gap at the top for the other pages like so

So I can’t use this code I am afraid.

Anything else I can use?

Thanks

Try this one, please:

    .home .site-header, 
    .home .site-header.fixed {
      position: relative !important;
    }

    .home .slides-container .slide-item {
      background-attachment: scroll;
    }  

Regards,
Kharis

Hi

Thanks very much. It worked. Thanks

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis