Streaming live at 10am (PST)

Full Width Bug on Sticky Element


#1

Hey guys,
I've had the same problem on a website for a couple months.

I have a sticky header element (phone number) that extends the width of the website. Super annoying and can't find the cause. I tried wrapping the element in a div that has a max-width of 100% with overflow hidden and it didn't help. Here's my LINK

Thanks for any help resolving this design issue!
@Waldo


Here is my public share link: LINK
([how to access public share link][2])


#2

Hi @dsgnr great question and thanks for reaching out!

It looks like your custom code embed has a set width of 340px on it which is causing this issue:

A possible solution is to set your container element (the parent element of that embed) to be set to overflow: hidden. Or adjust the width of that element to 240px. :slight_smile:


#3

Hi @waldo thanks for the quick response.

Changing that embed element did not fix the issue. If you check the site on a phone (www.treeservicebellingham.com) it is indeed the sticky phone number at the top extending the width of the site.

Any other ideas?


#4

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