-
9Replies
-
Android 4.4 Window Width Issue
Here's what I'm seeing in a Litmus test on Android 4.4. The width is outside of the window. It's working properly on all other platforms. Any ideas what is going on here?
Last Reply by Paul Fanning over 3 years ago
You commented on
Cam Heikkinen's post
over 3 years
I agree that making a headline break is weird, but I don't think that the container width should ever extend beyond the width of the window by default. Again, I would think the default should be that it doesn't break the container. But that's just my opinion.
You commented on
Cam Heikkinen's post
over 3 years
I believe it's the h1 being too long.
I've made an issue on Github.
The word should wrap by default, in my opinion, as opposed to just breaking the layout.
You commented on
Cam Heikkinen's post
over 3 years
This is the row that's having issues. I'm not using wrapper tags. This is just sitting in the main container tag.
<row class="main">
<columns>
<h1 class="uppercase orange">Expanded Construction Drawings Now Available</h1>
<p class="intro black">Provide architects and building engineers additional details about your laundry project when they prepare permits and drawings.</p>
<spacer size="18"></spacer>
<center>
<img src="http://media.campaigner.com/media/7/73620/Speed%20Queen/sq-multihousing-main-image.jpg">
</center>
</columns>
</row>
I wasn't sure if you meant that the h1 was in the center tag. It's not, if that matters.
I'd like an invite
You commented on
kostas's post
over 3 years
You'd have to run
gulp greet
You named the task 'greet'. If you want it to run by default, then add it to the main 'watch' task or whatever your default task is.
You commented on
Ian Daly's post
over 3 years
I know this isn't the most elegant solution, but for the menu I added this to my sass:
.menu {
.menu-item {
&.hide-on-small {
@media only screen and (max-width: #{$global-breakpoint}) {
display: none !important;
}
}
}
}
You commented on
Mark Sanders's post
over 3 years
I too am seeing an issue with columns. Here's the code:
<row>
<columns small="12" large="8">
<p>Visit Social Media under the Dealer Tools section to download your social media content.</p>
<spacer size="8"></spacer>
<center>
<button href="#">Visit Page <span>►</span></button>
</center>
</columns>
</row>
When I check the live preview using 'foundation watch'. Here's what I see:
And here is the html and actual calculated width:
That just doesn't add up. Something isn't correct. Any thoughts?
-
No Content
-
View More Posts by Jarryd Fillmore
I agree that making a headline break is weird, but I don't think that the container width should ever extend beyond the width of the window by default. Again, I would think the default should be that it doesn't break the container. But that's just my opinion.