bondimedical Posted March 13, 2015 Share Posted March 13, 2015 In the mobile version of the Foundation skin the Bullets are removed from the slideshow which makes the first line of text directly under the slideshow. How can I put a space between the slideshow and the first line of text for only the mobile site? Quote Link to comment Share on other sites More sharing options...
bsmither Posted March 13, 2015 Share Posted March 13, 2015 In the "small" size (the 'mobile' orientation), the Ordered List (<ol>) block that holds the class "orbit-bullets" acquires a style of display:none;. But I do not know where it comes from. You can eliminate that styling, which restores the bullets. Or you can add a margin-bottom of 10px to the div container: .orbit-bullets-container { margin-bottom: 10px; text-align: center; } Quote Link to comment Share on other sites More sharing options...
bondimedical Posted March 13, 2015 Author Share Posted March 13, 2015 Apparently the bullets are removed for "small" size by default for the Orbit slider because they end up too close together and do not pass the Google "mobile friendly" test. The same is for the navigation arrows. But thanks your second solution worked perfectly. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.