Streaming live at 10am (PST)

Cannot change right margin for element


#1

In my navigation, I am unable to remove right margin for navigation link for "tablet view" only.

Browser
Chrome (46)

Read-only Link
https://preview.webflow.com/preview/issues123?preview=018d8cab8dcf6ba0db560c7dd5d9f5d2

Screencast
http://d.pr/i/1gdwh/2i1gSyfS

Thanks in advance for your help.


#2

Published link is here: http://issues123.webflow.io/


#3

Hi @speck, sorry for the late response to your post :-/

To get full width nav links on tablet view, when you open the drop down menu, do the following:

1) Go to tablet view
2) Select the navbar-link class when the menu is open.
3) Assign 100% max-width

The default max-width on the nav-link element style at tablet view, with the menu in the open state, is set to 728px, so changing the width to 100% should help.


#4

Thanks Dave. That worked like a charm.

Maybe this can be communicated in the editor? As it is now, the max-width shows as "none" http://d.pr/i/12dY6/4cXz17NI But in reality there is a max-width set (like you mentioned).

Maybe you guys can look into ensuring that all styles are displayed if a default style (ie: max-width, width, etc.) is being explicitly set. I know I could use dev tools to find out an element's style, but that defeats the purpose of having a visual editor (Webflow) with a styling panel.

Thanks.


#5

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