Skip to main content
0 votes
0 answers
19 views

Combining LTR and RTL support in Zurb Foundation

I'm aware you can change the language direction in settings.scss, but I need to support both directions as the CSS will be used on a multi-language site. Is there a way to do this, or am I best to ...
James B's user avatar
  • 119
0 votes
0 answers
16 views

false fontsize with remcalc function in foundation zurb

I would like to use rem and not px as the unit of measurement for the website. The problem is that the calculated values are not correct. I'm using: foundation zurb version 6.8.1 foundation-sites-...
m.orange's user avatar
0 votes
1 answer
44 views

Foundation for Email 2 (zurb) Expanded Button - Gmail Android in portrait orientation

Does anyone know why my buttons doesn't fit to columns with the "expanded" class on Gmail Android (portrait) ? It looks good on multiple Desktop client like Gmail webmail, iCloud Mail, and ...
onirix's user avatar
  • 335
0 votes
1 answer
51 views

write Gulp-sass filtes to different folders

hello to everyone, I use the Foundation Framework (6.8.1) for the frontend development of TYPO3 websites. The Foundation Asset folder is in the project root, from there I would like to render some ...
m.orange's user avatar
0 votes
0 answers
112 views

How Do I Migrate a large Rails 6/7 App from Zurb Foundation to Bootstrap 5?

I'm working on a Rails 6 (soon to be 7) app that is built on Zurb Foundation. I've decided that it makes sense to move to Bootstrap 5 because the support and maintenance of Foundation is getting less ...
Patrick Jones's user avatar
1 vote
1 answer
384 views

Sass math invalid css

I use the Zurb Foundation.tramide Sass framework. When I go to compile I get this error: error scss/node_modules/foundation-sites/scss/util/_math.scss (Line 23: Invalid CSS after " @return math&...
Luca's user avatar
  • 35
1 vote
1 answer
511 views

Foundation Sticky | Element should stick when the top of viewport hits it, not immediately

I am not entirely sure how Foundation sticky works. An element within a section needs to be sticky when the top of the viewport hits the element, not immediately. There are multiple sections on the ...
Vialito's user avatar
  • 523
1 vote
0 answers
80 views

Why is Foundation media queries not working when i use a breakpoint name?

I have tested other js components like accordions and they work fine. For some reason media queries are not working as expected. Any hints on what going on? For example: .header-first, .header-second {...
Mannclay's user avatar
1 vote
0 answers
28 views

Retaining aspect ratio and scale iframe for parent div width defined in percentage

I have an issue where i need to use google ads as iframes that sit nicely at max-width in Zurb Foundation. However the ads are set out of my control and I need to find a way of scaling the Ads iframe ...
James B's user avatar
  • 119
1 vote
0 answers
94 views

Off canvas menu doesn't scroll on IOS scrolls the body instead

I'm trying to get an off canvas nav menu working, I'm having an issue where the menu will not scroll once loaded the body of the page still scrolls but I cannot get the menu to scroll when loaded over ...
Rob's user avatar
  • 11
2 votes
0 answers
467 views

Foundation CLI error : return emojiWidthLookup.get( code ) ?? 2 ;

I'm a front end dev who's been using Zurb Foundation to build custom WordPress themes for years with no problems, but the last year, the CLI has been giving me nothing but grief. I've tried doing a ...
Rob Stephens's user avatar
0 votes
1 answer
139 views

js Foundation Abide input form error remains visible after button clicked

I'm using Foundation Abide for an input form validation, specifically I want to check, that the value in the field is non-negative and non-empty, therefore I'm using the following Validator: function ...
LaLeLo's user avatar
  • 167
-2 votes
2 answers
105 views

css: two div's in one row, height=100% for smaller one not working

I'm using "foundation for sites" to achieve responsiveness. There, I have: <div class="row"> <!-- defines a grid of 12 columns --> <div class="columns large-1 ...
user9964388's user avatar
0 votes
1 answer
167 views

Zurb Foundation Accordion not expanding

I am using Foundation 6.7.4. I am trying to set up an accordion like the one in their example here https://get.foundation/sites/docs/accordion.html I have my accordion set up as such: <div class=&...
MeltingDog's user avatar
  • 15.6k
1 vote
1 answer
984 views

Node modules not installed - foundation-sites - new project

I have an issue which was frequently reported here, but unfortunately I have not find there any proper solution. After disk formatting and installing macOS Monterey, I have installed: node.js v16.14....
dra89szka's user avatar
  • 103

15 30 50 per page
1
2 3 4 5
342