background image getting cut at top

On my site learningsel.com/new, the top of the homepage is cropped for some reason. I have in my css
#post-2 > div > div.et_pb_section.et_pb_fullwidth_section.et_pb_section_0.et_section_regular > section { background-position: center top !important;}
So it should only start at the top of the image, can you please help me getting the top of the image to be at the top of the browser and not cropping the girl's head? Thanks so much!

  • Nithin

    Hi Jonathan,

    Hope you are doing good today. :slight_smile:

    Could you please try the following CSS rules to the code you have shown:

    #post-2 > div > div.et_pb_section.et_pb_fullwidth_section.et_pb_section_0.et_section_regular > section {
            background-position: center top !important;
            top: 80px;
    }

    If the above code doesn't work please try making the following changes:

    #post-2 > div > div.et_pb_section.et_pb_fullwidth_section.et_pb_section_0.et_section_regular > section {
            background-position: center top -93% !important;
    }

    I hope this helps. Please let us know if you still have any issues, have a nice day. :slight_smile:

    Kind Regards,
    Nithin

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.