Ad inserter sticky blocks conflict with the overflow-x:hidden CSS property

0.00/5 (No votes)

See more:

I am using ad inserter sticky block feature for the ad in my website. When I apply overflow-x:hidden he sticky block is not behaving as expected

What I have tried:

And I using this css to disable horizontal scrolling on mobile devices.

CSS

@media only screen and (max-width: 768px) {
html, body{
  width:100%;
  overflow-x: hidden;
    }
}

Can anyone help me with it. How can i resolve it.

Posted 23-Mar-23 18:42pm

KiranSharma1

Updated 23-Mar-23 20:15pm

Add a Solution

Comments

Member 15627495 24-Mar-23 4:19am

look in the 'dev tools' console, if you have a warning about 'tracking cookies'.
sometimes when 'lock tracking cookies' is 'ON' , elements can not display as usual..

by your code, you are going 'global' with your settings, the html and body tags are the 'whole tags'.
all your html are in them, so the css settings apply for all elements of your page.

make it with another selectors, more reliable with the aim required.

Chris Copeland 24-Mar-23 6:42am

What does "not behaving as expected" mean? You haven't provided any HTML code or the corresponding CSS, nor have you explained what's happening. Please use the Improve question button and add more details.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Last 24hrs

This month

OriginalGriff	278
Patrice T	70
Richard MacCutchan	20
Alan N	10
Mike Hankey	10

OriginalGriff	690
Richard MacCutchan	115
Patrice T	70
CPallini	50
Andre Oosthuizen	40

Ad inserter sticky blocks conflict with the overflow-x:hidden CSS property

Add your solution here

Preview 0

Ad inserter sticky blocks conflict with the overflow-x:hidden CSS property

Add your solution here

Preview 0

Existing Members

...or Join us