1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.5 Have different CSS for responsive/mobile version for same style

Discussion in 'Styling and Customization Questions' started by dutchbb, Mar 29, 2016.

  1. dutchbb

    dutchbb Well-Known Member

  2. Arty

    Arty Well-Known Member

    Use media queries to target specific ranges. For example
    Code:
    @media (max-width: @maxResponsiveMediumWidth) {
      .breadBoxTop { padding: 15px 0; }
    }
    That code will change padding for top breadcrumb when browser width is below 610px
     
    dutchbb likes this.

Share This Page