Change text according to screen size in CSS using media query

Question

I have a page with media query maxwidth 991pxIf windows size browser is less than 991px it will display short days of week for mobileLess than 991px SunMonTuesWedThuFriSatIf window size is greater than 991px it will display full days of week for computerGreater than 991pxSundayMondayTuesdayWednesdayThursdayFridaySaturdaySee my code below thanks How to do to make media query window size maxwidth 991px and minwidth 991px to functionality

Jeff · Accepted Answer

Hi lis12cfaPlease refer below sampleHTMLlthead id34Head134 runat34server34gt    ltstyle type34textcss34gt        media screen and maxwidth 991px             spanfullDayString  display none                 media screen and minwidth 991px             spanhos  display none             ltstylegt    lttitlegtlttitlegtltheadgtltbodygt    ltform id34form134 runat34server34gt    ltdivgt        lttablegt            lttr style34paddingtop 5px paddingbottom 5px borderbottom thin solid 7B7D7D34gt                ltth id34Th134 colspan34134 style34verticalalign middleimportant margintop auto                    marginbottom auto lineheight 40px background F0F3F4 textalign center34gt                    ltspan class34fullDayString34gtSunday ltspangtltspan class34hos34gtSunltspangt                ltth

Change text according to screen size in CSS using media query

Company

Explore

Follow us

Contact Us