Home › Forums › WoodMart support forum › Footer

Footer

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 21, 2021 at 9:08 am #301032

    Rachid
    Participant

    Hi there,

    you have provided this code for document use ready for the footer to be like accordions, this works fine on mobile but not on tablets!

    Could you please provide a solution, Thank you!

    Here is the code:

    if (jQuery(window).width() <= 768) {
    setTimeout(function() {
    var $tab = jQuery(‘.woodmart-tab-wrapper’).find(‘a.active’);
    $tab.siblings(‘.wc-tab’).hide();
    $tab.removeClass(‘active’);
    }, 10);
    }

    Website in private section

    June 21, 2021 at 5:34 pm #301170

    Elise Noromit
    Member

    Hello,

    Copy the code and change the device width: if (jQuery(window).width() <= 768) =chnage 768 for the 1024 or as per your needs.

    Best Regards

    June 21, 2021 at 5:48 pm #301173

    Rachid
    Participant

    this is not about the view port! that works and they are wrapped as accordions! but they don’t open in Tablet modus, when clicked nothing happens

    In mobile everything works fine

    June 22, 2021 at 10:29 am #301352

    Elise Noromit
    Member

    Hello,

    Please replace the code: 

    if (jQuery(window).width() <= 1024) {
	jQuery('.footer-widget-collapse .widget-title').on('click', function() {
		var $title = jQuery(this);
		var $widget = $title.parent();
		var $content = $widget.find('> *:not(.widget-title)');
		if ($widget.hasClass('footer-widget-opened')) {
			$widget.removeClass('footer-widget-opened');
			$content.stop().slideUp(200);
		} else {
			$widget.addClass('footer-widget-opened');
			$content.stop().slideDown(200);
		}
	});
}

    Best Regards

    June 23, 2021 at 6:34 am #301642

    Rachid
    Participant

    This works perfectly for tablet! but not for mobile this time! you can check in your phone… the footer doesn’t open

    June 23, 2021 at 12:58 pm #301822

    Eric Watson
    Participant

    Please, provide us your admin access so we can log in and check this on your side.

    Thank you in advance.

    June 26, 2021 at 8:49 am #302644

    Rachid
    Participant

    Please check private section

    June 26, 2021 at 7:23 pm #302758

    Elise Noromit
    Member

    Hello,

    Please check the credentials I cannot log in.

    Best Regards

    June 27, 2021 at 8:15 am #302800

    Rachid
    Participant

    The credentials works perfectly and are 1000% right! i have just try it 3 times

    June 27, 2021 at 8:23 am #302801

    Rachid
    Participant

    but i can see i have made a mistake the js code i send you is about the tabs in product page!

    for the footer you have provided me with css and the issue should be with this css for tablet which you can also see when you login in:

    .footer-widget-collapse > *:not(.widget-title):not(:first-child) {
    display: none;
    margin-top: 20px; }
    .footer-widget-collapse .widget-title {
    position: relative;
    margin-bottom: 0;
    padding-right: 22px; }
    .footer-widget-collapse .widget-title:after {
    position: absolute;
    top: calc(50% – 12px);
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #333;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    line-height: 24px;
    transition: all .25s ease;
    content: “\f129”;
    font-family: “woodmart-font”; }
    .footer-widget-collapse.footer-widget-opened .widget-title:after {
    background-color: #F9F9F9;
    transform: rotate(180deg); }
    .color-scheme-light .footer-widget-collapse .widget-title:after {
    color: #FFF; }
    .color-scheme-light .footer-widget-collapse.footer-widget-opened .widget-title:after {
    background-color: #FFF;
    color: #333; }
    footer .footer-column.col-sm-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
    footer .footer-column.col-sm-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }

    June 28, 2021 at 8:01 am #303007

    Elise Noromit
    Member

    Hello,

    Please replace the code with this one: 

    if (jQuery(window).width() <= 1024 && jQuery(window).width() > 576) {
	jQuery('.footer-widget-collapse .widget-title').on('click', function() {
		var $title = jQuery(this);
		var $widget = $title.parent();
		var $content = $widget.find('> *:not(.widget-title)');
		if ($widget.hasClass('footer-widget-opened')) {
			$widget.removeClass('footer-widget-opened');
			$content.stop().slideUp(200);
		} else {
			$widget.addClass('footer-widget-opened');
			$content.stop().slideDown(200);
		}
	});
}

    Best Regards

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)