Executive Pro Theme – phone number i header aligned on right hand side

[Capablanca]

Hello,

I am using the Executive Pro Theme. I would like to display my phone number (and possible e-mail address) on the right hand side of the header (like here:

http://rueber.de/ )

I put a text widget in the header section to display the number, but it is not aligned on the right hand side but right next to the logo, in the centre-left

How can I align the phone number on the right hand side?

Thank you and kind regards,

Holger

How

http://rechtsanwalt-hembach.de/

[Victor Font]

They are on the right. It looks like you figured it out.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Capablanca]

Thanks, but at least in my browser they are not (in case there is a misunderstanding: the first website I mention (http://rueber.de) is not mine; it is an example of the way I would like to have it. My website is the one mentioned at the bottom (http://rechtsanwalt-hembach.de). I am not sure if that can look different in different browsers. I have tried IE 10 and Firefox.

Best regards,

Holger

[Victor Font]

This is the html that site uses:

<div class="header-contact">
              <div class="header-phone"><span class="fa-stack"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-phone fa-stack-1x"></i></span> <span style="color:#083643;"><a href="tel:0221272860">0221 27 28 60</a></span></div>
              <div class="header-email"><span class="fa-stack"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-envelope fa-stack-1x"></i></span> <a href="mailto:[email protected]" text-decoration:none;”="">[email protected]</a></div>
</div>

And this is the CSS:

.header-contact {
    float: right;
    margin-top: 32px;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts