[Resolved] Change in Breakpoint. HELP!

[Puneet]

On the sidebar of my site is a floating ad. The breakpoint for the tablet view is 768 px. But as it’s an Ad that doesn’t work like an image or text, it stays in the same size and overlaps the main content, or sometimes the main content overlaps it. Now, I want to have a breakpoint somewhere between 1200px – 1150px so that it can get into tablet mode at that dimension.

Snapshot: https://prnt.sc/mO2z1Blamcg4

Please Help!

[Ying]

Any chance you can link us to your site where we can see the issue?
You can use the private info field for this.

[Puneet]

Hello Ying,

Thanks for your reply.

I have shared the link to the page in the private field.

[Puneet]

Please Help!

[Ying]

Try this CSS:

@media(max-width: 1200px) {
.content-area, .inside-footer-widgets>div, .sidebar {
    float: none;
    width: 100%;
    left: 0;
    right: 0;
}
}

[Puneet]

Worked. Thanks Ying.

[Ying]

You are welcome   🙂

[Author]

Posts