Streaming live at 10am (PST)

Help with overflow while using 1280 breakpoint


#1

Hi,

I'm using a 1280 breakpoint to accommodate larger screens, but I'm not able to figure out how to get it to flex in between the 1280 and ipad breakpoints. I'v tried the flex but have been unsuccessful.

Is there an easy way to add breakpoint in between maybe via some code?

Thoughts?

https://preview.webflow.com/preview/a-living-theory?preview=a94ce00d956e347412f774b183f9f4e7

http://a-living-theory.webflow.io/find-truth/10-human-elements

Here is my public share link: LINK
(how to access public share link)


Element on page scroll with page and then become fixed?
#2

Best way to do this is to use the Custom Code section thus...

  1. Go to the project settings
  2. Go to the last 'tab' named Custom Code
  3. In the head enter this...

@media (max-width: 1280px) {
// YOUR CSS HERE //
}

Hope that makes sense.

Kia.


#3

Is there a way to do it with out code? @Kia

Best,

Nathan


#4

Nope I don't think there is. The standard grid that Webflow is using is 960 so it's the Custom Code I'm afraid.

I'm on a 1024 grid so did this on my site. I like 1024 due to tablets etc.

Here: http://macjunky-v5-1.webflow.io/


#5

Also if you were going to do it...would it be easer to webflow's desktop breakpoint for 1280 and hand code for 960 or do 960 and hand code for 1280? @Kia

Best,

Nathan


#6

Hello @nathanphilsteele

Instead of using divs with a fixed width use containers with a max width of 1280.

Here is the video:


#7

Perfect! Once again...you the man! @aaronocampo

Best,

Nathan


#8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.