[Resolved] Is there any way to reposition widget from top to bottom of header inner area

[willworksdesigns]

Hi Tom,

Is there anyway to reposition my header CTA button (a linked image in a text widget) from the top of the header inner area to the bottom as in the linked image?

I noticed as well that the header grows vertically with each new widget area, which is understandable. It would be great to be able place two narrow (as in buttons) widget areas above one another without causing the header to grow vertically. Perhaps there’s a way to control the height of the header independently while having two widget areas, one above the other? I use CSS Hero but it doesn’t seem to give me access at my rudimentary level of CSS knowledge.

Best –
Will

Image link:

[Leo]

Hi Will,

Are you able to provide a link to your site? Thanks!

[willworksdesigns]

Hi Leo,

Thanks for getting back so soon!

Sorry – here’s the link:

https://wp500.com

Best –
W

[Tom]

Hi there,

You could try something like this:

@media (min-width: 769px) {
    .header-widget {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .inside-header {
        position: relative;
    }
}

[willworksdesigns]

Hi Tom,

Thanks, man – that was exactly what I was looking for! I’ll try to brush up CSS knowledge as it will obviously make it easier to fine-tune your excellent theme.

Best –
W

[Tom]

You’re welcome! Glad I could help 🙂

[Author]

Posts