Responsive issues

[bramkastelijns]

Hi,

I am having a few issues with my websites (multisite) on mobile devices.

http://www.impressiveshit.com
studio.impressiveshit.com
signing.impressiveshit.com
productions.impressiveshit.com

1. On the iPhone, the websites look very nice. I have already read that the logo is only visible in landscape, but my logos are cropped/cut off.
2. On Android phones and tablets, the websites aren’t centered and around 1/3 of the content is cut off.
3. On Android phones and tablets, the navigation bar and logo are not visible on the homepages. I think it is in conflict with the revolution slider, because when I turn it off on mobile devices, it is visible.

And just another question, on three websites I don’t use WooCommerce and the search icon, but the divider is still visible. How can I remove it?

Kind regards,

Bram Kastelijns

[FocuxTheme Support]

Hi

For the responsive issue on android, could you tell me which device you are using? (Actually I want to know the screen size), after I check it, I will reply you the solution.

For the last question, you can try to add the following custom CSS into “Samsara options > Custom code > Custom CSS”

.tools{display:none;}

[bramkastelijns]

Hi,

Thanks for quick response. The CSS worked out for me.

The tablet: Samsung Galaxy Tab 3 (SMT310)
The phone: Samsung Galaxy S III mini GT-I8190

Thanks!

Bram

[FocuxTheme Support]

I checked your site carefully. Just list the solution for those issues below

1. I found you have added the following custom CSS, how about remove it? it’s confict with the original responsive CSS.

@media only screen and (max-width: 767px) {
       h1#logo a{   display:block; width:200px; } 
}

2. It seems visual composer plugin has been changed their CSS so that the row is moved to right about 15px, try to add the following CSS to adjust it. I will also improve it in the next version.

body .vc_row{margin-right:0;}

3. Sounds like the revolution slider covered the topbar, but when I check it on the mobile device, they are visible, how about scroll the page down? Could you post a screenshot here?

Thanks

[Author]

Posts