5,108 questions
0
votes
1
answer
45
views
How do I get Foundation's Block Grid to display across multiple rows?
I'm using PHP8.1 and Foundation 6.8.1.
The code is fetching image names from a database and displaying them in a grid layout: four images in each row, as many rows as is needed. I was doing this all ...
0
votes
0
answers
28
views
Failing to create a Zurb-Foundation project
Trying to create new foundation project on Windows, but it fails with errors:
> foundation new
? What are you building today? A website (Foundation for Sites)
? What's the project called? (no ...
0
votes
1
answer
53
views
foundation slider with active thumbnail in the visible area
I'm using the orbit modul from foundation that works fine. I have reused the area of the bullets for the thumbnails of the large slider images. This also works so far, the active thumbnail is also ...
0
votes
1
answer
62
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 ...
0
votes
1
answer
43
views
Foundation 6 Responsive Menu not functioning as expected. What do I need to change to make it work?
First, the source code:
<!DOCTYPE html>
<html class="no-js" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; ...
-1
votes
1
answer
71
views
With CSS How Can I Make Vertical Border Stretch to 100% Height of Two Columns
I'm using Foundation's row / column layout.
// Layout
<div class="row">
<div class="medium-3 columns navs">...</div> <!-- nav links -->
<div class=&...
0
votes
1
answer
66
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 ...
1
vote
0
answers
156
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 ...
1
vote
1
answer
436
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&...
1
vote
1
answer
607
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 ...
1
vote
0
answers
89
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 {...
1
vote
0
answers
31
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 ...
1
vote
0
answers
107
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 ...
2
votes
0
answers
479
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 ...
0
votes
1
answer
160
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 ...