Home › Forums › Support › align header-widget text to the bottom of the header, overlap background image This topic has 5 replies, 2 voices, and was last updated 3 years, 10 months ago by David. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts June 1, 2020 at 3:11 pm #1310381 sparkle i would like to align my header-widget text to the bottom of the header, and overlap background image across the navigation bar. i’ve tried css options including z-index and flex-end, but nothing seems to be working for me. hope you are all well! June 2, 2020 at 2:31 am #1310850 DavidStaff Customer Support Hi there, do you have a mockup image of what you’re trying to achieve? June 2, 2020 at 5:05 am #1310996 sparkle i was hoping for something like this https://imgur.com/a/MqVAPtJ June 2, 2020 at 6:58 am #1311113 DavidStaff Customer Support Try adding this CSS: @media (min-width: 769px) { .site-header { margin-bottom: -100px; } .inside-header { display: flex; } .header-widget { order: 10; margin-left: auto; align-self: flex-end; } } You will need to increase the Headers Top and Bottom to around 100px each for the overlap to work. June 2, 2020 at 7:10 am #1311123 sparkle YES! thank you so much! that looks awesome! thank you! be well! June 2, 2020 at 9:02 am #1311456 DavidStaff Customer Support Glad to hear that and glad to be of help ! Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In