Hi guys,
http://www.thepromisecenter.com
I’m adjusting both the height of the mobile header (done) and the size and position of the logo.
I used this code:
@media only screen and (max-width: 767px) {
.logo, .logo a, .logo img {
max-height: 40px !important; }
.responsive .mobile_slide_out .logo img { padding-top: 40px!important; margin-left: -40px !important; }}
This does successfully control the logo size, but has no effect on the logo position. What needs to be changed?
Thanks
Hey promisecenterchurch,
Are you trying to move the logo down lower?
Best regards,
Jordan Shannon
Yep, down slightly to center it, and maybe a bit to the left.
Hi,
Thanks for clarifying. Add this to quick css:
@media only screen and (max-width: 767px) {
.logo{
margin-top:10px!important;
margin-left:20px!important;
}
}
Best regards,
Jordan Shannon