help with #inject_container_top area

[lambert]

http://www.universalatlantic.co.za

I have added the social short code in the container area with the following css:

#inject_container_top {

    box-sizing: border-box;

    margin-bottom: -2%;

    margin-right: 2%;

    margin-top: 3%;

    float: right;

}

When I look at it on my phone the Facebook icon pops out to the right.

What am I doing wrong?

Mamy thanks

Lambert

[scrambler]

Don’t use float:right, but text-align-right

If you float the icon, then add a clearing div below it to force whatever comes after to be below and not side by side.

By the way, you marked the other thread as answered but It looks like the First parallax piece is still floating and therefore being cut on mobile. may be it is a cache issue and I am not seeing the fix I gave you.

[lambert]

Thanks scrambler, The Facebook icon is perfect now. Not sure what’s wrong with the first parallax piece, but when I view it across devices it looks fine

[scrambler]

Regarding the first parallax piece, shrink your browser size and see how the post disapears and gets cutoff on the left (at least on IE).

The fix is to remove the float as I explained in the other thread

[Author]

Posts