Problem with the mobile site - how to reduce the white space

Hi,

I've changed the header image and now the mobile site is showing too much white spaces under the header_bg area.

Can you please advise to remove the white spaces from the mobile site?

Please see the image where u will see the problem http://bengalsolicitors.com.au/images/issue_with_mobile_site.png

Thanks a million in advance fro your kind reply.

Could you please post an url to your site - to a sample page where the change should be made?

Please describe how should header behave as with this image I'm not quite sure what you are trying to achieve.
Also - please send PM only if asked to and do not post there anything more than asked for.

I'm having two issues:

1. On the desktop site the header image is not displaying properly. I want to keep display the full header_bg image.
2. When switching to mobile site the logo is displaying under the header_bg and showing too much white space between header_bg and News Show Pro GK5 that I'm using to display the featured K2 articles. I want to display the logo property on the top of the header_bg and remove the white space below the header_bg and News Show Pro GK5.

Please advice how can I achieve that.

1. The file that is used to display full width image:
gk_cloudhost/images/header_wide.jpg
is a white bg image - I don't know how woulf you like to achieve full width background without using that file.
2. To reduce the spacing, Please edit: /templates/gk_cloudhost/css/override.css and add at its end:

Code: Select all

.gkIsWrapper-gk_bikestore {
min-height: 100px;
}


Now reduce 100px value to your liking.
Remember to enable "CSS override" in template settings - advanced section.

3. I can't reproduce your problem with logo overlaping Image Show module. What device were you testing this problem on?