Docs

[themisfit]

I am interested in creating a top bar with 3-f columns. I want the columns to be centered on the page.

See attached image. I’m using the Icon stack.

[themisfit]

This reply has been marked as private.

[Christian]

Hey there,

Please add the code below in your Appearance > Customize > Custom > Global CSS

/* Hide Topbar social media icons */
.x-topbar .x-social-global {
  display: none;
}

.x-topbar .p-info {
  width: 100%;
  text-align: center;
}

Then, add the code below in your Topbar content

<a href="#" class="x-column x-sm x-1-5">FACEBOOK</a>
<a href="#" class="x-column x-sm x-1-5">INSTAGRAM</a>
<a href="#" class="x-column x-sm x-1-5">TWITTER</a>
<a href="#" class="x-column x-sm x-1-5">PINTEREST</a>
<a href="#" class="x-column x-sm x-1-5">BUY NOW</a>

Result should look like the attachment.

Thanks.

[Author]

Posts