Home>Support>Centering header widget

Centering header widget

By twowheels3, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello,
I’m using Vantage premium (which is excellent, thank you!), and I’m trying to figure out how to center a widget in the header. I have my logo on the left, vantage social media icons on the right and then a widget that displays today’s classes. My class list widget displays right next to my social icons. I’d like for my class widget to be centered between the logo and icons. How do I go about doing this?

I saw a previous thread where someone had a similar situation when resizing on the ipad. I tried that custom css but it didn’t work for me. If you could point me in the right direction I would greatly appreciate it. Thank you!

Christina

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Christina

    Thanks for running Vantage, glad to hear you’re liking it.

    Please send through a link to your site with the widget in place and I’ll take a look.

  2. 10 years, 10 months ago twowheels3

    Thanks. Here’s the website: http://www.greatshapesfitness.com/new

    The “Today’s Classes” widget right-aligns to the vantage social media icons. I noticed whenever there aren’t any classes for the day, that widget then displays above the social media icons. I’m not sure how to align it. Thanks!

  3. 10 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    So this ins’t a genius solution but I think it works. Insert the below under Appearance > Custom CSS:

    #wcs3_today_classes_widget-2 { 
    width: 500px;
    }
    
    @media screen and (max-width: 960px) {
    #wcs3_today_classes_widget-2 { 
    text-align: left;
    width: auto;
    }
    }
    

    Adjust 500px to position the classes as required.

  4. 10 years, 10 months ago twowheels3

    Excellent! Thanks. That worked.

  5. 10 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Super; glad we could help. All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More