Streaming live at 10am (PST)

Extra Right Margin on Mobile View


#1

Hi everyone,

I'm testing out my first Webflow site and I'm having trouble with the mobile view. For some reason, it's putting extra margin on the right side so that my content elements don't span the entire width. The "Body" color of dark purple and the Nav Bar are showing up full width, but not any of my elements. Anyone have any ideas?

Here's my public share link:

http://jamescarothers.webflow.io/

Thanks for your help.

Jill


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


#2

Hello @JillC

There is "Spotify" button, which causes this margin. The problem that its width is controlling by custom code, that you are using for the button and there is width=200px.
You have 2 ways to fix it:
1) make embed widget overflow: hidden, but then you will not see "likes counting" part
2) move this embed code widget to the next line. It will give enough space for the button settings

Or, maybe you can change width inside the embedded code.

Regards,
Anna


#3

Thanks Anna. Your solutions worked like a charm! Appreciate the help.

Jill


#4

I am glad it worked! :smile:


#5

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