Compass Theme Issues

I am using the Compass Theme to build a website for a friend. There are a couple of issues with the home page that caused me to create my own home page. However, there are some issues that I can't seem to solve:

1. Logo on the header
   • Looks good on a full screen and on iPad but does not look right on Mobile Phones - I have tested it on iPhone 5, iPhone 4 and on Motorola (android).
2. Header spacing on Mobile
   • similar issue to logo
     
   • looks fine on full screen and on iPad but there's a large gap between the logo and the slider on Mobile devices like iPhone, etc.
3. The built in home page isn't usable for me because:
   
   • I can't turn off the Blog
     
   • I can't add a column to Home Page Feature Setting (I need 4)

My friend really likes the look of this theme and, I'd like to stay with it but, the issues mentioned are really problematic. Thanks for your help.

BTW...URL is: http://487.205.myftpupload.com

Thanks...Linda

 

Hi, Linda..

Greetings from InkThemes!

Solutions to your above issues are accordingly and you just need to paste the code given below in Custom CSS field (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

1) Logo on the header.

Code is given below.

Code:

@media only screen and (max-width: 480px){
.logo img {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}

2) Header spacing on Mobile..

Code is as follow..

Code:

@media only screen and (max-width: 480px){
.heading_container {
    margin-bottom: 0;
}
}

3) The built in home page isn't usable for me because:

You can easily turn off the blog section by using below code..

Code:

.flexslider {
    display: none;
}

To add more feature column, there would be requirement of source code customization in the theme..

Hope it will resolve your issues..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com