Logo issue

See this site; http://helmsmountainhideaway.com/
I just updated to responsive. I had to custom code to center the logo but on smartphone it looks way offf. How do I center on other devices.
Also how do I remove all the extra padding between sections.

Thanks

 

Hi,

Kindly use this code:

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px){
.logo img{
margin-left: 5px;
}
.slider-container{
height: 128px !important;
}
.content-wrapper .content-info.home{
padding-top: 3px !important;
line-height: 1.3 !important;
}
.content-info h1.title{
font-size: 27px;
margin-bottom: 12px;
}
#content .columns .one_fourth{
line-height:1;
}
.home_blockquote div{
margin-left: -60px;
}
blockquote.home_blockquote{
  margin-left: -6px;
  margin-top: 3px;
}
.footer-container .common.second img {
  margin-left: 35px;
}
.footer-container .common.third img {
  margin-left: 14px;
  margin-top: 9px;
}
.footer-container h4{
font-size: 20px;
  margin-left: 10px;
}
.footer-container p{
font-size: 15px;
  margin-left: 9px;
}
.footer-container ul{
font-size: 15px;
  margin-left: 22px;
}
.footer-navi .navigation ul li a {
  margin-left: -20px;
}
}

If you like you can adjust the margins as per you requirement. If still any issue after applying kindly provide the edited screen shot of it so that I can look after it.

Regards,
Sameer

 

Thanks but I got it solved