Mobile breakpoint | WordPress.org

Resolved kennethdigneffe
(@kennethdigneffe)

5 years, 5 months ago

Hello!

How can we adjust the breakpoint on smaller devices? On smaller devices the “hotspot placeholder” (left column with all the info) gets very small and gives us a very long left side.

We want the placeholder text below the image.

Is this possible?

The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

Plugin Contributor Draw Attention Support
(@wpdrawattention)

5 years, 5 months ago

Hello @kennethdigneffe

Could you try adding this CSS to your page?

@media screen and (max-width: 1000px) and (min-width: 600px) {
.layout-left .hotspots-interaction {
flex-direction: column-reverse !important;
}

.layout-left .hotspots-placeholder,
.layout-right .hotspots-placeholder {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}

Here’s a guide in case you need help adding this to the page: https://wpdrawattention.com/document/customizing-draw-attention-css/

Let me know if that works for you 🙂
Natalie G

Viewing 1 replies (of 1 total)

The topic ‘Mobile breakpoint’ is closed to new replies.

1 reply
2 participants
Last reply from: Draw Attention Support
Last activity: 5 years, 5 months ago
Status: resolved