Content width larger than device

Sebastian Yandun's picture
Sebastian Yandun
Thu, 01/07/2016 - 12:02
#1
Content width larger than device

Hi,

So this happens.

Image title

Regards,

cindy's picture
cindy
Thu, 01/07/2016 - 22:57

Hi,

Thank you for your feedback

This is the screenshot of our demo on iphone. No problem:

Image title

Which device did you use to check?

Sebastian Yandun's picture
Sebastian Yandun
Fri, 01/08/2016 - 15:05

Hi,

Thanks for your response. I'm testing on a Nexus 5 on your demo page.

Image title

Regards,

cindy's picture
cindy
Fri, 01/08/2016 - 21:36

Hi,

Thanks for getting back. We will check our demo on Android devices and fix the problem

Many thanks again!

phuonght's picture
phuonght
Sat, 01/09/2016 - 04:29

Sebastian Yandun,

Please check our demo again, we just fixed problem. And please send us your site url, admin account and FTP account by private comment so we can fix problem in your site.

Sebastian Yandun's picture
Sebastian Yandun
Sun, 01/10/2016 - 09:40

Hi,

I checked the demo. Home video (node 53) looks like this:

Image title

phuonght's picture
phuonght
Sun, 01/10/2016 - 22:21

Please check again.

Image title

Sebastian Yandun's picture
Sebastian Yandun
Mon, 01/11/2016 - 11:38

Hi,

Now home video looks like this:

Image title

phuonght's picture
phuonght
Mon, 01/11/2016 - 22:13

It seems to work well now. Please check.

Sebastian Yandun's picture
Sebastian Yandun
Tue, 01/12/2016 - 09:27

Hi,

Now it looks like this (Android and iOS):

Image title

phuonght's picture
phuonght
Wed, 01/13/2016 - 21:46

Please check again.

Sebastian Yandun's picture
Sebastian Yandun
Fri, 01/29/2016 - 11:35

Hi,

It is not working. Try swipping left.

phuonght's picture
phuonght
Sun, 01/31/2016 - 21:59

We checked many times and could see as image below. Could you try again?

Image title

Sebastian Yandun's picture
Sebastian Yandun
Mon, 03/07/2016 - 13:00

Hi,

Tested today on your demo site. Android 6.0.1

Image title

Sebastian Yandun's picture
Sebastian Yandun
Tue, 03/15/2016 - 11:08

Any news?

khoa's picture
khoa
Tue, 03/15/2016 - 18:17

Hello,

We have not finished this issue yet. We will inform you when we finish it.

Thanks!

khoa's picture
khoa
Wed, 03/16/2016 - 03:31

Hello,

We have fixed. Please check and let us know the result.

Thank you!

Sebastian Yandun's picture
Sebastian Yandun
Wed, 03/16/2016 - 09:42

Looking good! Could you guide me through the fix or is the theme going to be updated?

phuonght's picture
phuonght
Wed, 03/16/2016 - 22:38

It is a complex work. You could send us your site url, admin account and FTP account by private comment, we would like to help you fix your site (note: please remember to backup).

Sebastian Yandun's picture
Sebastian Yandun
Thu, 03/17/2016 - 12:17

Yea, I can't do that for obvious security reasons. Is it possible for you to send me a diff of the files that have changed?

khoa's picture
khoa
Fri, 03/18/2016 - 01:01

Hello,

Please do following steps:

1. Open template.php file in md-alpine/sites/all/themes/md_alpine. Then go to line 217 you will see this code

$form['actions']['submit']['#prefix'] = '<div class="row"><div class="col-md-12 text-center"><div class="action mybutton medium"><span>';
$form['actions']['submit']['#suffix'] = '</span></div></div></div>';

Delete it and replace by

$form['actions']['submit']['#prefix'] = '<div class="col-md-12 text-center"><div class="action mybutton medium"><span>';
$form['actions']['submit']['#suffix'] = '</span></div></div><br />';

2. Open style.css file(sites/all/themes/md_alpine/css). Scroll down to the bottom and you will see

.awesection-fullscreen .awecontent-column {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.awesection-fullscreen .row {
margin-left: 0;
margin-right: 0;
}
.awecontent-layout .container-fluid{
padding-left: 0;
padding-right: 0;
}
.awe-drupal-block-item .item_right,
.awe-drupal-block-item .item_left,
.awe-item-text .item_fade_in {
opacity: 1;
}

Delete it and replace by

.awesection-fullscreen .awecontent-column {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.awesection-fullscreen .row {
margin-left: 0;
margin-right: 0;
}
.awe-drupal-block-item .item_right,
.awe-drupal-block-item .item_left,
.awe-item-text .item_fade_in {
opacity: 1;
}


@media (max-width: 414px) {
#about .container .row:nth-child(3),
#about .container .row:last-child,
.awe-section-45-17 .row,
#service .row {
margin-left: 0;
margin-right: 0;
}
}

Then save and clear Drupal & browser Cache. Then let me know the result. If it's not okay please send me your FTP account or you can send me the source code + database that contains only 4 homepages. I'll help you fix it.

Thank you!

phuonght's picture
phuonght
Tue, 03/29/2016 - 23:07

Hi,

Our developer's email: [email protected]. Please remember to backup source code and database also.

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.