Main slider image cut off by menu

Hi There

I was wondering if there is any way that you could perhaps help me :frowning: I have the below image I would like to use for the slider image, but the menu keeps cutting the face off :frowning: am I doing something wrong?

many thanks as always for your kind help :slight_smile:

Our website is: www.leboramokgopa.com (password is: LEBO@2020!

Best,
Mel

Hi Mel,

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

    @media only screen and (min-width: 1024px) {
      .site-content {
        padding-top: 156px;
      }
    }

    @media only screen and (min-width: 1200px) {
      .site-content {
        padding-top: 100px;
      }  
    }

Regards,
Kharis
aThemes Support

Hi Kharis

I am so sorry to be such a pain :frowning: I put in the CSS you provided and it still seems to be cut off :frowning:

I also tried to change the image position and nothing seems to be working :weary: is there something I am doing wrong my side?

2020-05-05_15-44-19

Best,
Mel

Hi Mel,

Try this code:

    @media only screen and (min-width: 1024px) {
      .site-content {
        padding-top: 156px !important;
      }
    }

    @media only screen and (min-width: 1200px) {
      .site-content {
        padding-top: 100px !important;
      }  
    }

Regards,
Kharis
aThemes Support

Hey Kharis :slight_smile:

This worked 100% thank you ever so much :slight_smile:

Have a great day

Best,
Mel

1 Like

You’re welcome Mel!

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
aThemes Support