Keyword

Large padding on mobile/tablet view

  • Dennis Stollman
  • Dennis Stollman's Avatar Topic Author
  • Offline
  • New Member
More
1 week 2 days ago #173150 by Dennis Stollman
Dennis Stollman created the topic: Large padding on mobile/tablet view
Hi!

With the responsive template in use of AllVideos, my videos show correctly when viewed on a laptop screen. You can see the website in progress here: www.harmonikaschoolparkstad.nl/test/index.php/nl-NL/media-sub/video .
But when this website is viewed on a mobile or tablet, then a large padding or margin on top for youtube is added. You can reproduce this very simple by decreasing the window size of your internet explorer program (I tested on Chrome and IE. Or use the Chrome developer tool offered).
I looked at the template.css file and found the 58% padding, but when I set this to 0, then it looks alright on mobile, but the videos are not visible in normal / laptop view.
Do you have any solution for this?

Thank you in advance.

Kind regards,

Dennis
Attachments:

Please Log in or Create an account to join the conversation.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
1 week 2 days ago #173154 by Fotis
Fotis replied the topic: Large padding on mobile/tablet view
You're templating is injecting a <div> wrapper around the <iframe> produced by AllVideos.

jmp.sh/MtB6aYe

This is what adds additional padding to AllVideos existing padding-for-responsive technique.

It may be an option in the template's parameters to disable.

If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

Please Log in or Create an account to join the conversation.

  • Dennis Stollman
  • Dennis Stollman's Avatar Topic Author
  • Offline
  • New Member
More
1 week 1 day ago #173156 by Dennis Stollman
Dennis Stollman replied the topic: Large padding on mobile/tablet view
Thank you for your quick reply.

Is the div nit inserted inside the av block. At least that is what I see in the screenshot. Maybe you mean another div section.
If it is not allvideos, than I have no clue on how to disable the div generation only in responsive mode. Do you have any more ideas?

Please Log in or Create an account to join the conversation.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
1 week 1 day ago #173160 by Fotis
Fotis replied the topic: Large padding on mobile/tablet view
The <div> is inserted dynamically by JS from the file: www.harmonikaschoolparkstad.nl/test/templates/harmonikaschool_parkstad_03/script.responsive.js

Locate the following block in that file:
jQuery(window).bind("responsive", function (event, responsiveDesign) {
    'use strict';
    responsiveCollages(responsiveDesign);
    responsiveImages(responsiveDesign);
    responsiveVideos(responsiveDesign);
});

...and change it to:
jQuery(window).bind("responsive", function (event, responsiveDesign) {
    'use strict';
    responsiveCollages(responsiveDesign);
    responsiveImages(responsiveDesign);
    //responsiveVideos(responsiveDesign); // Disable auto-responsive iframes
});

If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

Please Log in or Create an account to join the conversation.

  • Dennis Stollman
  • Dennis Stollman's Avatar Topic Author
  • Offline
  • New Member
More
1 week 22 hours ago #173163 by Dennis Stollman
Dennis Stollman replied the topic: Large padding on mobile/tablet view
Thank again for your reply.
This is great .support. I will test it when Im back at home and will let you know if it helped.

Regards, Dennis

Please Log in or Create an account to join the conversation.

  • Dennis Stollman
  • Dennis Stollman's Avatar Topic Author
  • Offline
  • New Member
More
5 days 11 hours ago #173171 by Dennis Stollman
Dennis Stollman replied the topic: Large padding on mobile/tablet view
Yes, I worked like a charm. Thank again for your help. It's really apppreciated.

Regards, Dennis

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum