• Priority: 0
  • Status: Closed
  • Theme: Venedor
  • Assigned To: Marek
  • Private: No
  • Open Date: 23.02.17, 11:53
  • Opened by: Paolo
  • Closed by: Marek
  • Closed on: 11.03.17, 12:34
  • Reason: Closed
  • Comment: Glad to help!

Ticket #10258 - Sidebar Responsive Error

Hi,
I have some problem with sidebar.
It seems doesn’t work well on responsive view.
Can you help me please?

Here you can view my site http://www.websitiroma.com/

I’m in a hurry to solve the problem.

Thanks

Best Regards

Comments

Paolo 23 Feb 2017, 11:56

This picture is better than previous

Marek 23 Feb 2017, 11:57

Hi Paolo.
Would you like to have sidebar under the main content?

Paolo 23 Feb 2017, 12:02

Hi,
I would like have sidebar hidden like the demo theme.

When I see site on my phone screen move to right(wrong)

Take a look to the picture to see

Paolo 23 Feb 2017, 12:04

I think it’s a css problem but I don’t know which

Marek 23 Feb 2017, 12:47

Sidebar hides only for screen width lower than 768px. I just compare our demo and your website, and they both works the same

Paolo 02 Mar 2017, 16:08

Hi,
sorry but they doesn’t works the same way, ‘cause on my website appear an horizontal bar when window size is less than 768px that doesn’t appear on yours.
I’ve also tested it on my mobile phone and the screen move to right.

And I have some other problems with the layered form in list products pages.

Please help me

Marek 02 Mar 2017, 22:19

Yes, I see now.
Here is the fix:

@media (max-width: 768px) {
#columns {overflow:hidden}
}
Paolo 03 Mar 2017, 13:25

Hi,
thanks so much for helping.

I found a problem with blocklayred that doesn’t work in this version of the theme.
I see that there is a problem with the module js that it doesn’t allow the closing block.

Here the wrong code:

function openCloseFilter()
{
	$(document).on('click', '#layered_form span.layered_close a', function(e)
	{
		if ($(this).html() == '<')
		{
			$('#'+$(this).data('rel')).show();
			$(this).html('v');
			$(this).parent().removeClass('closed');
		}
		else
		{
			$('#'+$(this).data('rel')).addClass('closed');
			$(this).html('<');
			$(this).parent().addClass('closed');
		}

		e.preventDefault();
	});
}

And here is how I fixed:

function openCloseFilter()
{
$(document).on('click','#layered_form span.layered_close a',function(e)
  {
   if($(this).parent().hasClass('closed'))
     {
      $('#'+$(this).attr('rel')).show('fast');$(this).parent().removeClass('closed');$(this).parent().parent().parent().removeClass('closed');
     }
     else
     {
       $('#'+$(this).attr('rel')).hide('fast');$(this).parent().addClass('closed');$(this).parent().parent().parent().addClass('closed');
     }

 e.preventDefault();

  });
}

What I ask is if it’s possible to have an upadating theme to fix all of this little bugs.

Thanks

Marek 04 Mar 2017, 12:41

Thank you for this fix. I already add it to the theme.
To have updating theme with all this little fixes, just make a zip of venedor theme folder.