responsive.

aidamoyano

Hi,

We have just published the restauranteclaxon.es [Links visible only for registered users] web to view it on different devices, and responsive has many faults that we don't understand why they happen:

1. Android

a) Logo: 

[Links visible only for registered users]

b) Margins:

Up and down there aren't  - [Links visible only for registered users]

To the left and right, sometimes yes and sometimes no - [Links visible only for registered users]

c) Video:

Disappears - [Links visible only for registered users]

d) Map:

Create right margins - [Links visible only for registered users]

2. iPhone

a) Logo:

[Links visible only for registered users] 

b) Images:

No resizes - [Links visible only for registered users] and [Links visible only for registered users]

3. iPad Mini (vertical position)

a) Video paddings: [Links visible only for registered users]

b) Logo footer: [Links visible only for registered users]

c) Top and bottom margins/paddings: [Links visible only for registered users]

d) Random top and bottom paddings and margins: [Links visible only for registered users]

4. iPad (horizontal position)

a) Video paddings: [Links visible only for registered users]

The web login is:

log: Panelclaxon   psw: AccesoWP987

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aidamoyano

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.

[Links visible only for registered users]

[Links visible only for registered users]
[Links visible only for registered users]

aidamoyano

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: 

[Links visible only for registered users]

b) Margins:

Up and down there aren't  - [Links visible only for registered users]

To the left and right, sometimes yes and sometimes no - [Links visible only for registered users]

c) Video:

Disappears - [Links visible only for registered users]

d) Map:

Create right margins - [Links visible only for registered users]

aidamoyano

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:

[Links visible only for registered users];

b) Images:

No resizes - [Links visible only for registered users] and [Links visible only for registered users]

aidamoyano

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: [Links visible only for registered users]

b) Logo footer: [Links visible only for registered users]

c) Top and bottom margins/paddings: [Links visible only for registered users]

d) Random top and bottom paddings and margins: [Links visible only for registered users]

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: [Links visible only for registered users]

Albert

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!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aidamoyano

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? [Links visible only for registered users]

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aidamoyano

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: [Links visible only for registered users]

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

Space above and below the images: [Links visible only for registered users]

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: [Links visible only for registered users]

It's the same in text blocks.

Space below the map: [Links visible only for registered users]

And on the map.

Padding or space under the videos: [Links visible only for registered users]

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aidamoyano

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

Albert

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aidamoyano

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

How I can send you private access?

Albert

To send us private message, please use contact form which is on the right hand side at [Links visible only for registered users]

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aidamoyano

I just sent it to you.

Thank you

aidamoyano

Did you have received?

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aidamoyano

ok! thank you!

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aidamoyano

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: [Links visible only for registered users]

Iphone 4

The header is very wide: [Links visible only for registered users]

The text raws make huge upper and lower spaces requiring do infinite scrolls: [Links visible only for registered users]

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aidamoyano

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