• Resolved espijoe

    (@espijoe)


    Hi,

    I make sticky header using this CSS:

    @media (min-width: 768px) {
    .headerclass {
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 1000;
    }
    .elementor-inner {
    padding-top: 200px;
    }
    .home .sliderclass {
    padding-top: 200px;
    }
    .home .elementor-inner {
    padding-top: 0;
    }
    }

    And then I have a problem when I post new pages and new posts. The image is cropped at the top of the page. I solve this adding two characters and changing the color to white. It’s very crappy but it works.

    But when I show categories also the page is cropped and the first category doesn’t show properly.

    What could I do ?

    Thanks in advance

    Joe

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • hannah

    (@hannahritner)

    Hey Joe,
    Because this isn’t a built-in theme function you are kind of creating a hack, so it’s not necessarily clean. Try using this css to adjust the padding on other pages (like categories):

    @media (min-width: 768px) {
    .wrap.contentclass {
        padding-top: 200px;
    }
    }

    Hope that helps!

    Best,
    Hannah

    Thread Starter espijoe

    (@espijoe)

    Thank you very much Hannah!

    That works!

    Thanks for your help and time!

    Joe

    • This reply was modified 2 years, 6 months ago by espijoe. Reason: mark as resolved
    hannah

    (@hannahritner)

    Happy to help!

    Best,
    Hannah

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘cropped image when I show categories’ is closed to new replies.