Menu icon Foundation
F5.0.2 css desktop / mobile problem

( Foundation 5.0.2 SASS )

I have a 2 column layout (2 x 6 columns DIVs).

I make images and text sizes responsive to window width with jQuery.

This works well in desktop browsers, but on the iPhone4s, Chrome and Safari the font-size it only applied for the first column that Foundation changed to one.

The DIVs containing the text have a class of hp-text, to which the jQuery css function is referenced.

Any ideas?
Thanks

$(window).resize(function(){
	adjustToScreenSize( . . . );
});

Responsive columnsjquery

( Foundation 5.0.2 SASS )

I have a 2 column layout (2 x 6 columns DIVs).

I make images and text sizes responsive to window width with jQuery.

This works well in desktop browsers, but on the iPhone4s, Chrome and Safari the font-size it only applied for the first column that Foundation changed to one.

The DIVs containing the text have a class of hp-text, to which the jQuery css function is referenced.

Any ideas?
Thanks

$(window).resize(function(){
	adjustToScreenSize( . . . );
});
Udo Jansen over 5 years ago

Just to clarify:
I use jQuery for the images only to pin a point inside an image to a position relative to the Top Bar.