Set placement of content off area toggle to be aligned with the right edge of the screen

Support
#1

Hey team

I am putting a content off area modal in my menu. I would love to have a really clean look with the toggle aligned to the right side of the screen. I almost have it, but I need it to be responsive. On my display it looks correct, but once I start changing the browser size I start losing some of the text.

The modal is on this page and is set to appear after you scroll down.

#2

Also, is there a way to make the secondary text centered?

#3

Hi @KMCHTX,

Thank you for writing in, your Content Area Toggle width is set as 3em, that is responsive, it responds to the screen width. What you need to do is set that as fixed width, use px unit instead of em.

Secondary text, like the primary text has its own text formating options including Text Alignment.

Hope it helps,
Cheers!

#4

Sorry, I am a bit confused still. I tried changing the em to px, but the toggle is still being reduced when the screen size is reduced.

#5

Hi @KMCHTX,

I see you applied a min-width but its invalid.

Please set that to 50px

Thanks,

#6

Awesome. Thanks @friech. I appreciate the inspect element screen shot too.

#7

Glad that we could be of help.

Cheers!

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.