Stack widgets in Header Right

[tornado]

Hi.

At this site, I have a text widget in the Header Right widget. I want another text widget on top of that (I think that's the best way forward) where I can add a few links to show 'Log into your Account' and such like, in a small discreet font.

How would I do this?

At the moment, everything displays next to the current widget.

Thanks.

G

http://chiauk.com/

[tornado]

Any takers?

[anotherusername]

I'm just throwing this out there (so please don't hate me...)

have you thought about maybe removing your social buttons and instead replacing them with login and the other text you might want?

I'm just thinking in order of importance, it might be better to feature their account login more prominently than the social buttons.

Also, with those social buttons set up that way, your site isn't responsive to some of the smaller smartphone screens. And since your site looks really nice otherwise, it would be a shame for people on some of the people who use smaller phone screens won't be able to enjoy it fully. (For instance, on my phone, your social widgets cover up your site logo, so you might want to add a media query so that your logo appears ABOVE your right text widget when on smaller screen sizes)

I am sorry this doesn't answer your question directly, but it is what I would probably look into changing first if it were me.

[tornado]

Hey, thanks for the time you've taken to reply. No hate, only love!

Good suggestions. I agree.

However, my client needs the images in place as they are.

I created another post here, asking how I can make images in the Header Right widget (as inserted in a text widget) fall responsively below the logo.

Tom gave a great response to my initial query (how to do the same but for the Simple Social Icons widget) but I still don't know how to address only images in a standard text widget. That would essentially sort part of the problem for me. Maybe I should create a new topic asking this specific question.

I really appreciate your reply.

G:)

[nunotmp]

Why not use a single text widget? If you are just using plan html in the widget you can use a <br> tag and place one on the other.

I see you are using <div>s with inline styling which feels a bit cluttered. Just a suggestion but maybe you should use and unordered list? Using the code below will do the same thing. All you have to do is add the css ul.social-header li { display: inline }.

Just a suggestion.

<ul class="social-header">
	<li><a href="mailto:[email protected]"><img src="/wp-content/uploads/2014/11/email-chia.png" alt="Emailr" height="36" width="36"></a></li>
	<li><a href="https://www.facebook.com/ChiaUK" target="_blank"><img src="/wp-content/uploads/2014/11/facebook-chia.png" alt="Facebook" height="36" width="36"></a></li>
	<li><a href="https://twitter.com/chiauk_com" target="_blank"><img src="/wp-content/uploads/2014/11/tweet-chia.png" alt="Twitter" height="36" width="36"></a></li>
	<li><a href="http://www.pinterest.com/chiauk/" target="_blank"><img src="/wp-content/uploads/2014/11/pin-chia.png" alt="Pinterest" height="36" width="36"></a></li>
	<li><a href="http://chiauk.com/shop/" target="_blank"><img src="/wp-content/uploads/2014/11/shop-icon.png" alt="Shop" height="46" width="46"></a></li>
	<li><a href="http://chiauk.com/cart/" target="_blank"><img src="/wp-content/uploads/2014/11/cart-icon.png" alt="Cart" height="46" width="46"></a></li>
</ul>

---

Genesis Child Themes – Follow Me

[tornado]

nunotmp, that is awesome. Thanks. Much cleaner!

I really appreciate this.

The only thing I need now is to make the Header Right widget (where your code is now inserted - in a text widget) to be responsive so it falls below the logo. At the moment the icons show over the logo. Do you have any ideas?

G:)

[Author]

Posts