top bar widget content alignment

  • Resolved jamminjames

    (@jamminjames)


    7 years, 10 months ago

    How can I align the content in the top bar widget so it’s centered with the website? I notice it’s automatically assigned a css class of .top-bar-align-right .inside-top-bar – so it’s aligned right. When I try to use that class to change it to text-align center, it goes too far left. Padding only makes it good when in a wide browser window, but doesn’t work for responsiveness.

    Thanks for any help.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tom

    (@edge22)

    7 years, 10 months ago

    Hi there,

    Have you tried setting the alignment in “Customize > Layout > Top Bar”?

    Let me know 🙂

    Thread Starter jamminjames

    (@jamminjames)

    7 years, 10 months ago

    Okay, just did that, and now the class is correct. However, when the browser is at full width on a desktop, it is not centered, it goes to the left.

    So, I added:
    .inside-top-bar.grid-container.grid-parent { margin: auto; }
    … and that took care of it.

    Thanks!

    Theme Author Tom

    (@edge22)

    7 years, 10 months ago

    Glad you got it working! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘top bar widget content alignment’ is closed to new replies.