Docs

[powrider686]

Hey there,
On my site roadsidegallery.com, I’m trying to add some text to the top bar but when I do it pushes the social icons down and makes the topbar huge. I’d like to have the text in between the address and phone on the right and the social icons on the right.

Here’s what I was using and the screenshot is how it turned out.

<p style=”color:white; text-align: center; vertical-align: middle; padding: 0px;”>Shop our Holiday Sale – 20% off your entire cart using coupon code Holiday!</p>

How might I get the address, phone, sale text and social icons all in the same row within the top bar?

Thanks for the help!

Marcus

[Friech]

Hi Marcus,

Thanks for writing in! Please update your markup to this:

<span class="sale-text">Shop our Holiday Sale – 20% off your entire cart using coupon code Holiday!</span>

Then add this on your custom CSS on Customizer.

@media (min-width:  768px) {
	.sale-text {
	position: absolute;
    left: 33%;
    color: white;
    font-size: large;
	}
}

Hope it helps, Cheers!

[powrider686]

That did the trick, thank you!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts