Tagged: css, JA BUILDER
-
AuthorPosts
-
May 18, 2017 at 9:17 pm #1035189
Block: Spotlight 3
Browser: Safari 10.1In JA Builder and JA Builder Preview:
<div class="animated bounceInRight" style="min-height: 199px; opacity: 1;" data-animated-type="bounceInRight"><div class="jub-contents z-depth- shape-square has-border-area border-gray-lighter " style=" border-width: 3px; border-style: solid;border-color: border-gray-lighter; "> <div class="jub-element jub-element-text text-center lead spacing-top-md spacing-bottom-md"> <h6 class="jub-h6 " data-placeholder="text">KEY FEATURE 1</h6> </div> <div class="jub-element jub-element-text text-center spacing-bottom-md"> <p class="jub-p " data-placeholder="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ut consectetur ipsum, tincidunt hendrerit lectus.</p> </div> </div></div>
Note: style="min-height: 199px
In public preview (not logged in)
<div class="animated bounceInRight" style="min-height: 339px; opacity: 1;" data-animated-type="bounceInRight"><div class="jub-contents z-depth- shape-square has-border-area border-gray-lighter " style=" border-width: 3px; border-style: solid;border-color: border-gray-lighter; "> <div class="jub-element jub-element-text text-center lead spacing-top-md spacing-bottom-md"> <h6 class="jub-h6 " data-placeholder="text">KEY FEATURE 1</h6> </div> <div class="jub-element jub-element-text text-center spacing-bottom-md"> <p class="jub-p " data-placeholder="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ut consectetur ipsum, tincidunt hendrerit lectus.</p> </div> </div></div>
Note: style="min-height: 339px
May 18, 2017 at 9:53 pm #1035195This reply has been marked as private.Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
May 19, 2017 at 3:01 am #1035254Hi,
The Guests can’t see the edit mode of your site, not quite sure what is the matter is as I see your frontend looks fine now.
Regards
May 19, 2017 at 5:46 am #1035303This reply has been marked as private.May 19, 2017 at 9:07 am #1035369This reply has been marked as private.May 19, 2017 at 10:13 am #1035400This reply has been marked as private.May 19, 2017 at 10:21 am #1035401This reply has been marked as private.Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
May 22, 2017 at 3:30 am #1035845Are you working on your site? the login info doesn’t work now btw.
May 22, 2017 at 8:43 am #1035929This reply has been marked as private.Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
May 23, 2017 at 1:38 am #1036130It seems doesn’t work, could you check and send me again?
May 23, 2017 at 4:33 am #1036203Are you able to see the site at all?
After much testing. The problem occurs on any page with animation on the Spotlight 3 items. When the page is first loaded it displays correctly, then when it is refreshed/reloaded the min-height changes introducing the large space under each block. This happens in Safari desktop and iOS.
May 23, 2017 at 4:37 am #1036204This reply has been marked as private.May 23, 2017 at 4:59 am #1036215This reply has been marked as private.May 23, 2017 at 8:46 am #1036300This reply has been marked as private. -
AuthorPosts
This topic contains 15 replies, has 2 voices, and was last updated by Saguaros 7 years, 5 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum