Can’t for the life of me figure out where it’s coming from. Please help.
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
First things first you need to set your page wrapper to width 100% and overflow hidden. After that pull the navigation out of that page wrapper so that your sticky nav still works or change it to fixed. That way anything sticking out of the sides will get cut off but you also have one seciton with cards that has 5 columns which are too wide for smaller screens so you may want to edit that depedning on screen size.
1 Like
Thanks a lot Marko, this helped a lot. Now for a follow up question – in the “memberships” section, when i decrease the browser window the cards scale differently. I suppose this is because of the left most cards having more elements filling the card and in that way affecting the min size of the card. How do i combat this and get them to scale equally?
It seems that cards simply can not physically fit in the frame you are giving them. I’d reconsider the layout of the cards to be different for smaller desktop sizes and make them in multiple rows or generate some sort of a swiper there.
Alternatively you can just lower the size of price or stack price vertically rather than horizontally, that way cards will be a little tighter.
1 Like
I see the issue. Thank you for the explanation. Do you know if there is any way to set smaller custom breakpoints in webflow? It seems they removed the option for custom breakpoints.