The basic mobile version number 1 of Sluggo Hotdish is set.
Went trough some minor issus about the logotype and the hamburger-icon. I wanted them horizontal AND vertical centered.
My first idea was a function that calculated the height of the navigation-bar and the height of the logotype and hamburger-icon to give equal padding on all sides.
The result turned our terrible - the logotype made a jump when it positioned after the page where loaded. For my defence I could only say that it was late at night...
The perfect solution just involve this easy CSS (Thank God!):
#Logotype
{
width:80%;
height:100%;
position: relative;
}
#Logotype img
{
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
}
Inga kommentarer:
Skicka en kommentar