Skip to content

Instantly share code, notes, and snippets.

@agusmu

agusmu/style_01.css

Last active December 23, 2015 14:39
Show Gist options
  • Save agusmu/6649920 to your computer and use it in GitHub Desktop.
Save agusmu/6649920 to your computer and use it in GitHub Desktop.
Download ZIP
PrimaShop - Adjust Header Height With Responsive Logo
Raw
style_01.css
/* minimum height of your header */
/* 120 = 35 (top) + 50 (logo height) + 35 (bottom) */
#header {
min-height: 120px;
}
/* adjust top and bottom padding of the responsive logo */
#header-title a.header-logo {
padding-top: 35px;
padding-bottom: 35px;
}
Raw
style_02.css
/* specify max height for responsive logo */
#header-title a.header-logo img {
max-height: 50px;
}
Raw
style_03.css
/* fixed header height */
#header {
height: 120px;
}
/* reset fixed header height smaller devices */
@media only screen and (max-width: 1000px) {
#header {
height: auto;
}
}
Raw
style_04.css
#header-title .site-title a, #header-title .site-title a:visited {
padding-top: 35px;
padding-bottom: 35px;
}
@zh4k
Copy link

zh4k commented Mar 16, 2014

This is regarding style_01 FYI

@zh4k
Copy link

zh4k commented Mar 18, 2014

Nevermind, I figured it out. Thanks again.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment