responsive.

aidamoyano · September 2015

Hi,

We have just published the restauranteclaxon.es web to view it on different devices, and responsive has many faults that we don't understand why they happen:

1. Android

a) Logo:

http://pasteboard.co/u36b8kc.jpg

b) Margins:

Up and down there aren't - http://pasteboard.co/u3ePncY.jpg

To the left and right, sometimes yes and sometimes no - http://pasteboard.co/u3KXwqk.jpg

c) Video:

Disappears - http://pasteboard.co/u3iVez9.jpg

d) Map:

Create right margins - http://pasteboard.co/u3m0pmF.jpg

2. iPhone

a) Logo:

http://pasteboard.co/u498xd8.jpg

b) Images:

No resizes - http://pasteboard.co/u4cJ1o0.jpg and http://pasteboard.co/u4gKzW5.jpg

3. iPad Mini (vertical position)

a) Video paddings: http://pasteboard.co/u67HWA0.png

b) Logo footer: http://pasteboard.co/u6g9qLJ.png

c) Top and bottom margins/paddings: http://pasteboard.co/u6e1GIw.png

d) Random top and bottom paddings and margins: http://pasteboard.co/u6xXreG.png

4. iPad (horizontal position)

a) Video paddings: http://pasteboard.co/u6DuDGY.png

The web login is:

log: Panelclaxon psw: AccesoWP987

Albert · September 2015

Hi,

1a) Logo is cut because of your own changes. You set 300% for logo size and that's why it is so large on mobile devices.

We started checking the whole rest when we noticed that you modified theme files. All these things happen because of your changes. So if you don't know what your developer did, then go back to original theme files because this is the reason why your site does not work properly. Only if you will go back to original files (theme and plugins) we'll be able to have a look on it once again.

aidamoyano · September 2015

1. And is there any other way to increase the size of the logo, which fits well in responsive?

I changed some things just CSS, which are unrelated to the failures that I sent.
I attached screenshots of the changes I've made in CSS, and I will review it point by point everything that does not work well in responsive to show them unrelated.

http://pasteboard.co/uril28x.png

http://pasteboard.co/urkJWJh.png
http://pasteboard.co/urm1hBM.png

aidamoyano · September 2015

Now, I'd like to go point by point the things that do not work and how they relate to the changes I've made in CSS:

1. Android: What changes in CSS I have done, so that these things may not work on Android version? I would say that none are related except the logo.

a) Logo:

http://pasteboard.co/u36b8kc.jpg

b) Margins:

Up and down there aren't - http://pasteboard.co/u3ePncY.jpg

To the left and right, sometimes yes and sometimes no - http://pasteboard.co/u3KXwqk.jpg

c) Video:

Disappears - http://pasteboard.co/u3iVez9.jpg

d) Map:

Create right margins - http://pasteboard.co/u3m0pmF.jpg

aidamoyano · September 2015

2. iPhone: What changes in CSS I have done, so that these things may not work on iPhone version? I would say that none are related except the logo.

a) Logo:

http://pasteboard.co/u498xd8.jpg ;

b) Images:

No resizes - http://pasteboard.co/u4cJ1o0.jpg and http://pasteboard.co/u4gKzW5.jpg

aidamoyano · September 2015

3. iPad Mini (vertical position): What changes in CSS I have done, so that these things may not work on iPad Mini (vertical position)? I would say that none are related.

a) Video paddings: http://pasteboard.co/u67HWA0.png

b) Logo footer: http://pasteboard.co/u6g9qLJ.png

c) Top and bottom margins/paddings: http://pasteboard.co/u6e1GIw.png

d) Random top and bottom paddings and margins: http://pasteboard.co/u6xXreG.png

4. iPad (horizontal position). What changes in CSS I have done, so that these things may not work on iPad Mini (horizontal position)? I would say that none are related.

a) Video paddings: http://pasteboard.co/u6DuDGY.png

Albert · September 2015

Sorry but we can't check every file because it will take us whole day to check what you changed. We noticed few files with changes so far and this is the reason why we told you to go back to original theme files. So please do this (overwrite all current theme files with the latest one via FTP) and also please remove all custom css you added and deactivate all extra plugins (if you got any). If you will do this, you see that most of those problems should disappear because as you can see on our demos, all those things works properly so your problems are related with what you did so far. Please notice that we'll be able to help you only if you will do what we wrote above.

Thanks for understanding!

aidamoyano · September 2015

I can assure you that the CSS changes I've made, have no connection with failure responsive. Really I have to do the web again so that you may prove your failure responsive?

Just enter the site and suddenly is so. Have you been doing anything? http://pasteboard.co/ysf5WEe.png

Albert · September 2015

Yes, really. Or if you are sure that this is because of theme, show us these failures on our demo http://themes.muffingroup.com/betheme/ - we checked them on our demo and all is good. Like we always inform, we are not responsible for sites where you modify theme files.

No, we did not done anything at all.

aidamoyano · September 2015

Hello!

I deleted the custom CSS, and reinstalled the template.

I attached some screenshots of how the web is now seen in the desktop version. On mobile devices, yet we have not tried, first we want to correct the errors of the desktop version.

Logo: http://pasteboard.co/JDrUKoL.png

The logo is very small. I wonder how I can enlarge it without fail in responsive.

Space above and below the images: http://pasteboard.co/JDz6ixB.png

Returning to the original template code, a white space appears at the top and bottom of the images.

Space above and below the raw text: http://pasteboard.co/JEgdFGw.png

It's the same in text blocks.

Space below the map: http://pasteboard.co/JEd1Jai.png

And on the map.

Padding or space under the videos: http://pasteboard.co/JEjHfqt.png

And in the video.

You could you help me to correct these failures now that there is nothing changed in the code?

Thank you!

Albert · September 2015

Can you give us a link to site where we can have a look on it? Because the link you gave us previously, does not work and we can not tell you what to do. And of course if you updated previous files to original version, we'll be able to sort all these things for you. Hope that you are using latest 9.7 version.

aidamoyano · September 2015

I just redirect the domain back to the web so that you can see it.

Albert · September 2015

Please redirect to the domain back once again or send us private message with access where we can switch ourselves and check the problems.

aidamoyano · September 2015

I have already redirected, but I put it under construction.

How I can send you private access?

Albert · September 2015

To send us private message, please use contact form which is on the right hand side at http://themeforest.net/user/muffingroup#contact

aidamoyano · September 2015

I just sent it to you.

Thank you

aidamoyano · September 2015

Did you have received?

Albert · September 2015

We got tons of messages and we check them one by one. We get your message but you need to wait for your turn. This will be checked today for sure.

aidamoyano · September 2015

ok! thank you!

Albert · September 2015

Ok. We get your details and we are going to explain each point below:

1. Logo can be increased with below css:

#Top_bar #logo { height: 120px !important; }

2. You decided to use VC and that's why you got these margins. They just come with VC plugin. You can remove them with below css:

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; }

3. This padding comes from VC as well. You set FULL SCREEN option for VC section and this is how it exactly works.

4.5. Padding for map comes from VC plugin as well. It's not our fault as well and if you don't like it, you should use our Muffin Builder instead. VC author add paddings/margins as he want and if someone decided to use VC, then must know that such weird things will come with no reason.

aidamoyano · September 2015

Hi!

Thanks very much for your help. I've solved all the problems in the desktop version.

Now all I have these in the mobile and tablet versions:

Ipad mini Vertical

The logo footer deforms: http://pasteboard.co/TP1Bk4s.png

Iphone 4

The header is very wide: http://pasteboard.co/TP93cfs.png

The text raws make huge upper and lower spaces requiring do infinite scrolls: http://pasteboard.co/TPeAzHj.png

Albert · September 2015

If you have other questions related with this case, please send us private message only as recently because in this topic we do not have access to your site.

aidamoyano · September 2015

Ok, now I send you everything by private message, with the accesses.

responsive.

Comments