Skip Navigation

[Resolved] responsive layout issue

This support ticket is created 6 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+00:00)

This topic contains 5 replies, has 2 voices.

Last updated by horngO 6 years, 1 month ago.

Assisted by: Nigel.

Author
Posts
#1115844

Using layout, I hvae created a row with a left widget area sidebar and a right archive area.

Viewing it on the desktop at full screen size works fine. However, when I resize the browser down to how the site would be seen under mobile (where everything is stacked into one column) the links of the sidebar no longer work.

I looked into it using firebug and found the div on the right side may be blocking the div on the left side.

You could see this if you go to hidden link and then resize the browser.

The problem occurs at these two divs

<div class="col-sm-3">...</div> (left)
<div class="col-sm-9">...</div> (right)

#1116239

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi there

I visited your link but it's not clear what the cause of the problem is, although I am seeing quite a bit of markup and classes that I don't recognise, which may be coming from another plugin or your theme.

It would help if I could take a look at the back end to see how you have this set up.

Let me mark your next reply as private so that I can get log-in credentials from you—you may want to create a temporary admin user for me to use that you can later delete. And be sure to have a current backup of your site, even though I don't intend to make any changes.

#1125260

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

I saw how you have this set up, and then created a local test site with the Astra theme and a similar configuration with the WooCommerce Sidebar widget etc., but couldn't reproduce the problem.

I would like to be able to do some basic debugging on your site, such as de-activating plugins, but I don't know if this is a live site or if it is okay for me to make some temporary changes for testing? Or do you have a staging site?

#1125639

The site is not live. You could do your tests there.

#1125908

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

I isolated the problem to the Extended Widget Options plugin.

De-activating that fixes the issue.

I tried when installing the free version and didn't see the problem, and I tried adding the extended plugin to my local test site and I couldn't reproduce the issue.

There are quite a lot of settings available with this plugin.

I suggest you review those and try to identify which setting in particular is responsible.

If you are able to identify the specific setting responsible I can try then to reproduce the issue on my local test site with the same setting, which would then mean we can debug the issue and see what we can do about it.

#1127751

My issue is resolved now. Thank you!