Tabs container is not responsive

mikaruottinen
Inactive member
Topic Author
New Member

11 years 1 month ago #37714 by mikaruottinen

Tabs container is not responsive was created by mikaruottinen

Hi,

Tabs Container on One Page template appears not to be responsive. I've attached an image slideshow for each tab sheet but when I would change the tab e.g. in IPad, the slideshow is not scaled to correct size. Though, the Easiest way to reproduce the problem would be this way on a PC & browser

1. open my site and scroll to tabs section
2. reduce the browser width (everything working ok at this point)
3. change to another tab --> content of the selected tab is not resized correctly but remains on its initial size

can you help / assist me?

Mika

Please Log in to join the conversation.

mikaruottinen
Inactive member
Topic Author
New Member

11 years 1 month ago - 4 years 7 months ago #37715 by mikaruottinen

Replied by mikaruottinen on topic Tabs container is not responsive

here is the site for testing

Code:

http://goo.gl/osWudr

Last edit: 4 years 7 months ago by milos.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 1 month ago #37722 by ivan.milic

Replied by ivan.milic on topic Tabs container is not responsive

Where are the tabs?

Please Log in to join the conversation.

mikaruottinen
Inactive member
Topic Author
New Member

11 years 1 month ago - 4 years 7 months ago #37724 by mikaruottinen

Replied by mikaruottinen on topic Tabs container is not responsive

it is the portion in the attached picture.

Last edit: 4 years 7 months ago by milos.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 1 month ago #37730 by ivan.milic

Replied by ivan.milic on topic Tabs container is not responsive

Code:

jQuery(document).ready(function(){

jQuery('#tabs UL LI a.ui-tabs-anchor').click(function(){
 setTimeout( function(){ 
	jQuery(window).trigger('resize');
 },400);
});

});

Add this code to bottom of /templates/hot_one_page/js/hot_onepage.js

Please Log in to join the conversation.

mikaruottinen
Inactive member
Topic Author
New Member

11 years 1 month ago #37736 by mikaruottinen

Replied by mikaruottinen on topic Tabs container is not responsive

thanks for your quick response. Unfortunately this did not do the trick. It looks like

jQuery(window).trigger('resize');

is doing nothing in this context. I've verified that it is fired when the tab changes, but it does result the content to resize for some reason.

Mika

Please Log in to join the conversation.

Time to create page: 0.165 seconds