Top Header

Top Header, I would like to have social Icons On left, and advertising text centered can you please provide a snipet for this or show me the way.

My Website is still under construction but looking great. Thank you for such a great Theme as Basel and Xtemos exceptional support. It’s people like you that make us look great in the ECommerce world. Ten Thumbs Up!!!!!!!!!!

Sincerely,
Carol H.

Hello,

Thank you so much for your kind words. We are glad to hear that 🙂

Firstly, try to put this shortcode to the top bar to add social buttons [social_buttons type="follow"]. Then we will try to prepare some CSS snippet to put it to the left and text to the right.

Regards

I used the Snipet as you instructed but the problem is the social Icons are stuck to center Free Shipping Tex.

I would like to keep the Icon to far left corner and keep text in the Center. Thank you so much.

Sincerely,
Carol

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

.topbar-content .top-bar-left {
    position:relative;
}

.top-bar-left .social-icons {
	position:absolute;
	left:0;
	top:50%;
  	margin-top:-10px;
}

Kind Regards
XTemos Studio

I have done as you instructed and placed snippet in CSS. The only problem now is the Text in Top Bar is not Center Aligned, everything else is perfect.

I am forever grateful for your time and help. Thank you.

Sincerely,
Carol

Attachments:

You must be logged in to view attached files.

Hi,

Add this code also

.top-bar-right {
	position: absolute;
  	right:0;
}

.topbar-content {
	position:relative;
}

Regards

XTEMOS You Guys Are FREAKING! Awesome.

Thanks

Thank you 🙂 Have a nice day 🙂

[Author]

Posts