onsdag 13 januari 2016

Sluggo Beat XP - WIP - Hotdish Navigation

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