Archived topic
How to stack headings next to an image
8 replies · Started by BeeLady11 on March 6, 2019
Hi
I have a header with a parallax image behind it and sticky nav at the top.
I am trying to get an image with an H1 next to it and an H2 under the H1.
I have almost got there but have hit a couple of problems:
The image is not vertically aligned next to the two headers; it is sort of next to the H1. It needs to come down without wrecking the layout.
The next problem is that the whole lot is pushed up the page in ie.
Any help much appreciated.
Thanks
Hi there,
Not quite sure if I understand.
Looks like you've added lots of CSS for the page header and some of them might be causing some issues.
When I remove letter-spacing: .14em; from
.veloci-branding h1 {
display: inline-block;
font-size: 8vw;
letter-spacing: .14em;
}Things look more normal.
Hi- no, I've managed to sort the first problem.
But it all moves up to the top on ie (seems ok on most of the other browsers)
- any suggestions?
Tx
I checked the page with Chrome and IE and they look exactly the same to me.
OK Leo - must be our client's version of ie.
Just wondering if there was a fix ...
Tough to tell without seeing the issue unfortunately.
Try testing with a couple other computers and see if the issue is there.
Hi
This is a screenshot of it on an older version of ie. It seems to have ignored the positioning:
Don't know why insert img tag isn't working (https://docs.google.com/document/d/16aOz6M64huPc_M-JamquhZkWb96kqZ9OgUZIqqWU0RM/edit?usp=sharing)
incorrect positioning
Unfortunately I'm not aware of a solution for this.
IE has always been problematic especially with the older version.
GP cannot control this.
