Reply To: Header Text Widget Mobile Responsive CSS

Homepage › Community Forums › Optimal Theme Support › Header Text Widget Mobile Responsive CSS › Reply To: Header Text Widget Mobile Responsive CSS

March 21, 2013 at 9:44 am #3285
jeff9661
Customer

    I noticed that my CSS was only in the @media sections, so I added this to the header CSS section.

    #header .wrap .widget-area .widget_text .textwidget #hdrPhone {
    font-size: 20px;
    float: right;
    line-height: 120%;
    margin-right:12px;
    color:#fff !important;
    text-align:center;
    }

    An this at the bottom of each @media section

    #header .wrap .widget-area .widget_text .textwidget #hdrPhone {
    float: none;
    }

    The code in the @media sections again affected the CSS in the header. Moved it in the middle. So I commented the out the CSS code in the @media sections.