Reply To: Struggling to align elements in Header

Homepage Community Forums Epik Theme Support Struggling to align elements in Header Reply To: Struggling to align elements in Header

#9890
axelk
Customer

    Hi Kronos:

    OK. I’ve made the suggested changes, but it still doesn’t work. Take a look.

    Seems that the problem is now the width of the “header-widget area”. But there appear to be (to me) conflicting CSS instructions, including:
    .site-header .widget-area {
    color: #ddd;
    float: left;
    text-align: right;
    width: auto;

    And then at the bottom of the stylesheet:
    /* Desktops, laptops and iPads (landscape)
    ——————————————— */

    @media only screen and (max-width: 1139px) {

    .wrap,
    .site-header {
    max-width: 960px;
    }

    .content-sidebar-sidebar .content-sidebar-wrap,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-sidebar-content .content-sidebar-wrap {
    width: 740px;
    }

    .content,
    .site-header .widget-area {
    width: 620px;
    }

    Which governs? Which do I change, without screwing everyone up?

    Thanks!