Hey, I have this case – on desktop I have this setup 1 row with 2 columns inside where the right one is set to sticky. I want to make sure that on tablet mode I don’t have a sticky sidebar and no sidebar at all? How should I properly do this? I remove the sticky option on the specific view mode I want and I set the column width to 100% and in the editor it looks good but when I open it on a real tablet I see these elements still sticky and overlapping everything.
UPDATE: I am trying to do this on the portrait tablet mode or whatever it is called.
UPDATE: I see that on mobile that sticky field is greyed out for some reason and on mobile I don’t have this problem.
Hi,
I understand. What I will recommend is to check if you have the latest theme version, Newspaper v12.7.4. If not, make a full backup and update the theme and themeplugins you are using. I remember that in previous versions, there was a problem with the option for a sticky column on viewports, so it is possible that if you have an older theme version, you may have that problem. In case you are using the latest theme version, please check your tablet resolution, the viewport resolutions are those:
DESKTOP => 1141px +
IPAD LANDSCAPE => 1019px – 1140px
IPAD PORTRAIT => 768px – 1018px
PHONES => 0 – 767px
Hey there, I installed v12.7.4 (was on v12.7.3) and the problem persists.
Our home page is made of a few rows (each with a sidebar) and on desktop it looks like this https://ibb.co/xtNbYk4M
On tablet landscape we keep the sidebar by not touching the settings at all. On tablet portrait I want to hide the sticky column because the screen is too narrow. Instead I want to show the columns with full width as on mobile.
To achieve this wherever we have these rows (with 2 columns) I set the column width to 100% on both to achieve full screen width. On the desktop’s sidebar sticky column I just uncheck the sticky checkmark and I believe that it should work. What happens, however, looks like this, check the urls below.
1. https://ibb.co/vvPDDnbp
2. https://ibb.co/0RqZsM75
3. https://ibb.co/VWhxnW51
4. https://ibb.co/Pz0VJfPb
It looks all mixed up.
In the composer it seems to look fine:
1. https://ibb.co/C3xLSddg
2. https://ibb.co/5WYyQH7n
I have set the column (which is sticky on desktop) like this:
1. https://ibb.co/TqKTFHRf – here you can see that I have the sticky checkbox unmarked.
2. https://ibb.co/ZpxcCj8G – here you can see the way I set its width to 100% (I did the same thing for the width for the first column, which is nonsticky on desktop).
Please give me guidance on how to fix this because it is really annoying. See that on mobile it works perfectly but you can see how the sticky checkbox is greyed out by default – why is that?
1. https://ibb.co/Q7Sthxwh – maybe it has something to do with this issue? I want to achieve the same result but on tablet portrait.
Hi,
I see, there can be 2 possibilities, so the first thing is to make a backup and do a test using only tagDiv plugins to make sure it’s not a plugin conflict. I saw a few similar situations when this was related to an extra plugin that was in use.
If the problem persists, please contact us via email at contact@tagdiv.com and provide wp-admin acess so we can further investigate.
Thank you!
Can you share which plugins caused the problem so that I can start with them?
Hello,
Unfortunately, I don’t remember the name of the plugins. I’m sorry, but you can do the test using only the theme plugins.
Thank you!
