denian
November 19, 2019, 10:09pm
1
Hi,
I know there’s not a ‘customized break points’ now, but I’m wondering, is there a way that I can fix the horizontal tablet view of my website now.
Here’s the link:
https://preview.webflow.com/preview/eazydoc?utm_medium=preview_link&utm_source=designer&utm_content=eazydoc&preview=d27e8c3c5ca579caa8403272818e4439&mode=preview
when I shrink and resize the website, it’s awkward to see the resizing process from PC view to tablet view…
I add containers to the place where everything is centered, but for my home page, and I have everything more like a landscape/ almost fullscreen (padding is 15% rather than 25% like container).
So what I want is:
if ( viewer > 1280 ) { show PC view }
if (viewer < 1280) { show Tablet view}
And I hope that ‘1280’ can be customized…
I tried this, but didn’t see any changes
@media screen and (min-width: 1200px) {
.w-container {
max-width: 1170px;
}
}
If you want your website to be 1200px wide instead of the default 960px when viewed on larger monitors, for now what you can do is add this code below to your Custom Code tab (in your site settings) <head> field. When you publish your site, the styles will cascade from Default (laptop) media query and the columns will become wider.
<style type="text/css">
@media screen and (min-width: 1200px) {
.w-container {
max-width: 1170px;
}
}
</style>
For mor…
I also tried to set an min width to the [content-2], but it will just cut out the oversize part, and the picture inside will act weird …
And then I find a guy have same question of me date back to 2015 LOL
TL:DR
How can I manually re-code the breakpoints in WF’s custom code so that I get desired breakpoint at 1800px instead of the current 1024 (or 1200)px.
Situation
I’ve designed a site here: http://outcc.webflow.com/ that doesn’t use containers to display content on the main page. (Because I want to use the full width of the screen). My site is pretty on wide screens (1800px and up) but a pain between the 1000 - 1800px. So, I want to rewrite the WF breakpoints. Is there an easy solution by add…
So I hope this problem’s already fixed and it’s just I didn’t find the right answer after digging the forum for 1 hour…
Thanks!!!