Hi, I know, that you have a setting for defined offset in pixels. But I have different css selectors in my fixed menu for different screen widths, so I had to put a value in px.

But the same px value for different screen widths is also not perfect. So now I decided to make different offsets for different screen widths, by using @media. Can you give me a css selector for that?

Hello,

Could you provide a link to a page with a quiz and a screenshot where possible to see what offset you mean?

Regards,
ARI Soft

Here is one of my quizzes: litfan.ru/testy/test-na-pisatelskie-sposobnosti/

What I mean is: when someone selects any answer in question, it automatically autoscrolls down to a next question. And I need an offset, because I have a fixed menu at the top. I tried different css selectors of this fixed menu to make a needded offset. But there isn't any selector, that suits all the screen widths.

Right now on mobile phones and PC offset is okay, but on tablets it's awful - it covers question titles during autoscroll. So I decided to make different offsets in px for different screen widths, by using @media.

What do I have to add in you "Custom CSS tab" for that?

You can specify CSS selector instead of absolute values in "Scroll offset" parameter. In this case the plugin will get height of specified element as offset for scrolling. In your case use the following CSS selector:

#masthead

Regards,
ARI Soft

Thank you, but you already gave me #masthead and other selectors several months ago. They are not working properly for all screen widths. Believe me, I tested them all.

Some selectors are working good for mobile phones, but bad for PC. And conversely.

So is there any css code for manual offset in px?

Or maybe you can add the ability to add several selectors in settings (with commas)? It would be great!