Return to previous page

Site width not 100% wide on mobile view – Homepage

This topic has 4 replies, 2 voices, and was last updated 8 years, 1 months ago ago by Jack Richardson

kyle@babytalkco.com

Participant

March 9, 2016 at 22:02

Hello –

I am having some trouble with my homepage view on a mobile device. Specifically an iPhone 6. When I load the homepage there is a white space on the right hand side of the screen. This only occurs on the homepage, the interior pages seem to display fine. Any help you could provide would be greatly appreciated. Admin login can be found below.

Thanks,

Please, contact administrator
for this information.

#116732 Copied Theme version: 1.5

3 Answers

Jack Richardson

Support staff

March 10, 2016 at 09:23

Hello,

I’ve checked your site on mobile and don’t see any issues http://storage1.static.itmages.com/i/16/0310/h_1457598171_4696728_ad0099b086.png .
Please show a screenshot for better understanding.

Thank you.
Best regards,
Jack Richardson.

#116769 Copied

kyle@babytalkco.com

Participant

March 14, 2016 at 16:12

Sorry for the delay getting back to you I was off for a few days.

Here are some screenshots from my mobile device. As you can see, the page does not fill the entire screen (black bar on top represents full width). As the page is loading the site appears full width but when loading is complete, the site shrinks to non-full width. This seems to only happen on the home page. I haven’t noticed the behavior on any of the internal pages.

https://drive.google.com/file/d/0BxBGVciZbCSuWDloYURxTlI1Ykdua2V0cjFPUDZMWEZ1aEh3/view?usp=sharing
https://drive.google.com/file/d/0BxBGVciZbCSudE9XejJZV0d2WmFzbHZlU0Q0MVVZalJGdWhR/view?usp=sharing

Thank You.

#117350 Copied
Jack Richardson

Support staff

March 15, 2016 at 20:18
Hello,

I’ve added the following css code in Theme Options > Styling > Custom CSS > Custom CSS mobile section:
```
.vc_grid.vc_row.vc_grid-gutter-35px .vc_pageable-slide-wrapper {
    margin-right: 0px;
}

.vc_grid.vc_row.vc_grid-gutter-35px .vc_grid-item {
    padding-right: 0px;
}
```
Please clear browser cache and check the site on mobile.

Best regards,
Jack Richardson.
#117556 Copied
Viewing 4 results - 1 through 4 (of 4 total)