Replies posted by InvesTechs

3 Replies

Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How To] Add Tabbed Sections

My primary issue for this feature, along with many other in Unbounce, was stretching the section to be the full width of the screen. Unbounce doesn’t seem to allow full-bleed elements, which seems a bit dated. My solution was writing media queries for every standard device width on the market (took a full day) just to make it look good on mobile. For those looking to do the same this resource was instrumental: http://screensiz.es/ You can see the implementation at https://template.investechs.com/growth-stage. I’ll continue to refine as I implement this template for clients.

63
Waqas_Raja
1 year ago
Dave_Reinke
Dave_Reinke
asked in Ask a Question

Mobile White Space/Width

For those who still may be struggling with this… When the Content Management System fails you can always override it with code. Try this is you’re having trouble with the horizontal scroll. Put this in your CSS body { max-width: 100%; overflow-x: hidden; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } and then put this in your header using the Javascript feature <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" /> <meta name="apple-mobile-web-app-capable" content="yes" /> Voila! No more annoying side scroll Edit: I found that implementing the following snippet helps prevent x-axis scrolling on Safari. /* Disable Horizontal on Safari */ div.lp-pom-root { overflow-x:hidden; }

3
D
5 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How To] Add Tabbed Sections

@Noah, The question has come up about mobile responsiveness on this. I’m tearing my hair out trying to format this for mobile. It seems even your demo page doesn’t work on mobile (http://landingpage.noahmatsell.ca/tab-content/) Do you have any suggestions? As soon as I get it looking good on one view width it looks like crap on another device size. I’m tempted to drop Unbounce and go back to full custom so I don’t have to deal with the limitations of a CMS. Thoughts?

63
Waqas_Raja
1 year ago

Badge winners

Show all badges
Terms & ConditionsCookie settings