Docs

[bluetroop2]

More information to come.

[bluetroop2]

This reply has been marked as private.

[Christopher]

Hi there,

Please update this code:

<div class=".header-phone">(214) 369-7800</div>

to :

<div class="header-phone">(214) 369-7800</div>

Also please wrap logo and contact information within column :

  <div class="x-column x-4-5">Logo</div>
  <div class="x-column x-1-5">Text</div>

Hope it helps.

[bluetroop2]

I replaced the phone CSS with the corrected line of text, but not sure how to do the second suggestion (wrapping the logo and contact info), can you assist?

[Friech]

Hi There,

First add this on your custom CSS on Customizer.

.header-contact + br {display: none;}

Then remove the float: right; you applied on header-contact and header-phone.

Also replace the text-align: left; to text-align: right; on header-contact and header-phone.

This should position your contact number under the address.

Now to style the contact number.

Please update this:

.header-phone {
    font-size: 18px;
    color: blue;
}

To this:

.header-phone {
	color: #034d65;
    font-size: 2em;
    font-weight: bold;
}

Hope it helps, Cheers!

[bluetroop2]

Thank you!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts