Responsive Header Space (Small Screens)

Hi,

Is there a way to reduce some of the blank space in the header when viewed on smaller screens?

http://1065617567.1065524876.temp.prositehosting.co.uk/

Regards
Jamie

 

Hello,
Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
.header .logo img {
margin-top: 0px;
margin-bottom: 0px;
}
.header .header_info {
margin-top: 0px;
}
.header .header_info p {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 480px){
 
.header .logo img {
margin-top: 0px;
margin-bottom: 0px;
}
.header .header_info {
margin-top: 0px;
}
.header .header_info p {
margin-bottom: 20px;
}
}

This will solve your issue.

 

Perfect Thanks