Tea Time theme - Products page - Post...
in IE11, at the bottom of the page the "more info" boxes are stretched, and justified to the left. Is there an easy fix for this?
For each of those buttons I set in the Design panel: Flexbox > Align Self > Center. It seemed to do the trick for me.
Frank
Frank
That does not work for me. For some reason I am getting strange behavior. I can change the other aligns, and while they show up in the RSD correctly, they do not show up in any browsers. For instance, I can flex-start/end the headings, but they stay centered in all browsers.
I recreated the basics of the template - and it works though. I don't know if my template was corrupted somehow. Its sort of driving me nuts. I originally had some issues with an IE11 space between for a button link, and I think there is some bug in IE11 when no min-height is given, so I can't space between a container and a button link withint giving the container a height. So I went to the Tea Time to see how it might have got around it.
Can you center the buttons in IE11, and change the justification of the headings in any Firefox, Edge, Chrome or IE11?
I recreated the basics of the template - and it works though. I don't know if my template was corrupted somehow. Its sort of driving me nuts. I originally had some issues with an IE11 space between for a button link, and I think there is some bug in IE11 when no min-height is given, so I can't space between a container and a button link withint giving the container a height. So I went to the Tea Time to see how it might have got around it.
Can you center the buttons in IE11, and change the justification of the headings in any Firefox, Edge, Chrome or IE11?
I'm afraid I've failed to replicate the problems mentioned. My previous post showed how I overcame the slight problem of centering the buttons in IE11.
I do find, however, that one breakpoint is hidden on my screen when this theme is first loaded. It seems possible that experimenting between that hidden breakpoint and the rightmost breakpoint that is visible could have some odd effects, depending on the screen width at which the various browsers mentioned were used. In particular regarding the headings on the Products page, I would be inclined to check that the Flex setting of the column in which they reside is correct at each breakpoint.
Frank
I do find, however, that one breakpoint is hidden on my screen when this theme is first loaded. It seems possible that experimenting between that hidden breakpoint and the rightmost breakpoint that is visible could have some odd effects, depending on the screen width at which the various browsers mentioned were used. In particular regarding the headings on the Products page, I would be inclined to check that the Flex setting of the column in which they reside is correct at each breakpoint.
Frank
D'OH! That was it.
I got burned by that again. I always start with no breakpoints, and I keep forgetting about about the warning and checking the size. I am just used to previews opening up what you are looking at
I got burned by that again. I always start with no breakpoints, and I keep forgetting about about the warning and checking the size. I am just used to previews opening up what you are looking at
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.