Okay
  Public Ticket #3612506
Hero Text Overlapping Logo
Closed

Comments

  •  3
    Felix started the conversation
    March 22, 2024 at 1:18pm

    Hi,

    I'm wonding if it's possible to adjust the hero text so that it never overlaps the logo? When the browser window is very wide, the text overlaps the logo. See image.

    Attached files:  Screenshot 2024-03-22 141753.png

  •  1,806
    Support replied
    March 25, 2024 at 5:03am

    Hi Felix,

    Have you tried increasing the padding left of the hero caption? for example

    #hero-caption.content-full-width {
        padding-left: 280px;
    }

    in customizer -> additional CSS

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  3
    Felix replied
    March 25, 2024 at 7:59am

    Thanks, 

    This moves the hero caption 280px to the right which solves the problem somehow. Thanks for that. But I would love to have the hero caption aligned to the left in line with to content and the logo. Is there a way to set to distance from the top to never be smaller than lets say 100px? I tried

    #hero-caption.content-full-width {
        padding-top: 100px;
    }

    But it doesn't do anything. 

    Thanks for your help.

  •  1,806
    Support replied
    March 25, 2024 at 5:45pm

    Hi Felix, if you want to bring the hero caption (the title) further down, the correct css would be

    .hero-below-caption #hero.has-image #hero-caption {
        padding-top: 20px

    }

    and you can replace the value of 20px to 100px, if you want.



    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  3
    Felix replied
    March 26, 2024 at 9:06am

    perfect! Thank you very much!