Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 16, 2014 at 9:28 pm #252306
    tetsukage

    Hello, I would like to make it so my site does not go any more narrow than 801px wide, even if someone is on a mobile phone. The specific reason for it is the search plugin I use becomes too hard to use at any smaller width. I also have some tables that break at about 760px wide.

    The magic number is 801px though. I need to keep the site from going any more narrow than that. I like the tablet sized responsive layout/elements and I don’t want to switch to boxed/non-responsive layout if I can avoid it. Can you help me out?

    April 17, 2014 at 1:18 am #252358
    Devin

    Hi tetsukage!

    That option isn’t available as part of the built in grid so you would need to have a freelance developer customize the grid and all instances of the responsive system for you.

    Cheers!
    Devin

    April 17, 2014 at 4:39 pm #252774
    tetsukage

    what if I erase all of the media queries for under 768px in grid.css, would that make it stop re-sizing under that width?

    April 17, 2014 at 4:59 pm #252780
    Yigit

    Hi!

    Yes it would. Then your website would be only responsive untill 768px and fixed under smaller widths

    Cheers!
    Yigit

    April 17, 2014 at 5:53 pm #252819
    tetsukage

    Humm, Ive done that but its not quite working as intended.

    I got rid of this in grid.css:

    
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .responsive #top {
    overflow-x: hidden;
  }
  .responsive .boxed#top {
    width: 100%;
  }
  .responsive .container {
    width: 268px;
    margin: 0 auto;
  }
  .responsive .units,
  .responsive .unit {
    margin: 0;
  }
  .responsive .container .one.unit,
  .responsive .container .one.units,
  .responsive .container .two.units,
  .responsive .container .three.units,
  .responsive .container .four.units,
  .responsive .container .five.units,
  .responsive .container .six.units,
  .responsive .container .seven.units,
  .responsive .container .eight.units,
  .responsive .container .nine.units,
  .responsive .container .ten.units,
  .responsive .container .eleven.units,
  .responsive .container .twelve.units,
  .responsive #top #wrap_all .flex_column {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  .responsive #top.boxed .stretch_full {
    width: 100%;
  }
  /* Offsets */
  .responsive #top .offset-by-one,
  .responsive #top .offset-by-two,
  .responsive #top .offset-by-three,
  .responsive #top .offset-by-four,
  .responsive #top .offset-by-five,
  .responsive #top .offset-by-six,
  .responsive #top .offset-by-seven,
  .responsive #top .offset-by-eight,
  .responsive #top .offset-by-nine,
  .responsive #top .offset-by-ten,
  .responsive #top .offset-by-eleven {
    padding-left: 0;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .responsive #top {
    overflow-x: hidden;
  }
  .responsive .boxed#top {
    width: 100%;
  }
  .responsive .container {
    width: 428px;
    margin: 0 auto;
  }
  .responsive .units,
  .responsive .unit {
    margin: 0;
  }
  .responsive .container .one.unit,
  .responsive .container .one.units,
  .responsive .container .two.units,
  .responsive .container .three.units,
  .responsive .container .four.units,
  .responsive .container .five.units,
  .responsive .container .six.units,
  .responsive .container .seven.units,
  .responsive .container .eight.units,
  .responsive .container .nine.units,
  .responsive .container .ten.units,
  .responsive .container .eleven.units,
  .responsive .container .twelve.units,
  .responsive #top #wrap_all .flex_column {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .responsive #top.boxed .stretch_full {
    width: 100%;
  }
}
    April 17, 2014 at 8:04 pm #252860
    tetsukage

    I do hope I’m not asking too much for a little help with removing just the smallest responsive parts

    April 17, 2014 at 9:46 pm #252896
    Yigit

    Hi!

    It is a bit more complicated than that and unfortunately you are going to need to hire a freelance developer on Envato Studio or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote from WerkPress.

    Regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Change Responsive Minimum Width’ is closed to new replies.