Change responsive breakpoint

  • Resolved theas91

    (@theas91)


    9 years, 3 months ago

    Hi!

    Great theme, thanks! I was wondering if I can change the responsive “breakpoint” when the sidebar jumps beneath the content, so it happens at a lower screen size? If I’m not mistaken it happens at about 980px right now, but I’d rather have it happen at around 700px.

    I can’t seem to do anything with the css, can you help? Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Tim Nicholson

    (@timnicholson)

    That would be very hard to do with CSS overrides. The bootstrap.css file has a TON of CSS based on those breakpoints. But you could use their customizer to change them and then generate your own custom version of Bootstrap. You should use MY Bootstrap config.json file, though, so you have the tons of other changes I’ve made as a starting point.

    The file you need is in my “development” branch on github. That currently has the next version (v1.6) that has that file included. Flat Bootstrap – Development Branch

    Then upload it to Bootstrap Customizer and change the breakpoints. Download the resulting file and put it in the proper location in Flat Bootstrap.

    Hello

    I am VERY interested in bootstrap 4’s XS breakpoint scheme, is this something you might have updated since your post?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change responsive breakpoint’ is closed to new replies.