Cardinal 1.93; bugs with map asset and mobile header

[Rui Guerreiro – SUPPORT]

Great. Let’s wait for Ed reply.
Thanks.

-Rui

[FlawlessWeb]

This reply has been marked as private.

[Swift Ideas – Ed]

Hmm, that is odd – doesn’t happen on any of our demos. Only idea is that it may be an unclosed tag somewhere on the page..

This will sort it:

#container {
height: 100%;
}

Add this custom css for the heading:

.browser-ie.bright-design .spb-heading:before, .browser-ie.bright-design .gform_heading h3:before, .browser-ie10.bright-design .spb-heading:before, .browser-ie10.bright-design .gform_heading h3:before, .browser-ie11.bright-design .spb-heading:before, .browser-ie11.bright-design .gform_heading h3:before {
	margin-left: -11%;
}

IE11 class jQuery is added for the next update.

Thanks,

– Ed

[FlawlessWeb]

This reply has been marked as private.

[Swift Ideas – Ed]

#1 – it may be something in the child theme, more likely than content based code.

#2 – Ignore the above, worked some cross browser code instead:

.bright-design .spb-heading:before, .bright-design .gform_heading h3:before {
	margin-right: 62%;
	text-align: right;
	right: 10px;
}

– Ed

[FlawlessWeb]

This reply has been marked as private.

[Swift Ideas – Ed]

My bad – forgot you’d need code to override the original, change it to:

.bright-design .spb-heading:before, .bright-design .gform_heading h3:before {
margin-left: 0;
margin-right: 62%;
text-align: right;
right: 10px;
}

Running this code here and working for me: http://cardinal.swiftideas.com/asset-reference/shortcodes/buttons-social-icons/?design_style=bright

– Ed

[FlawlessWeb]

This reply has been marked as private.

[Swift Ideas – Ed]

Ahh yeah my bad, must have been cached as a hard refresh showed that up. Re-looking at the original code that was working on all but IE.

[FlawlessWeb]

Yea the original code seemed to be working good on everything except IE…

Thanks.

[Swift Ideas – Ed]

Right give this css a go – tested here and seems to work for all title sizes, and across browsers:

.bright-design .spb-heading::before, .bright-design .gform_heading h3::before{
    margin-right: 3%;
    margin-left: -50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

Let me know.

– Ed

[FlawlessWeb]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

In my IE 11 it’s working fine.
https://www.dropbox.com/s/qyc15eo0k734j0o/ie_headings.png?dl=0

Can you try to clear the browser cache.

-Rui

[FlawlessWeb]

This reply has been marked as private.

[Swift Ideas – Ed]

That’s odd, can see it working but only when the text is on 1 line. Give us a shout if you have issues with it and we’ll take another look if needed.

– Ed