Navbar styling at 100% width of page

http://valley-expetec-3.webflow.io/about-us

I tried took the navbar elements out of the container to make the navbar 100%

it broke my navbar. please advise thank you


Here is my public share link: https://preview.webflow.com/preview/valley-expetec-3?preview=9cf236bc5a61d0c526da9bc56e568e7b
(how to access public share link)

Hi @JaimeGizzle, thanks for sharing. May I ask, you are trying to make the navbar 100% width? how is it not working for you?

I did a quick check, but it seems to be working for me. Could you help to clarify that a bit? Thanks in advance.

that is what I see

Hi, thanks @JaimeGizzle, that does look a bit odd. Here is what I see:

Could you let me know, what kind of browser you are using, what operating system and the size of your monitor/display?

Thanks in advance!

windows 8

1920x1080

chrome, IE, and firefox

is there a some sort of cache I can flush?

Hi @JaimeGizzle, here are some steps to try:

  1. Adjust ve navbar to 100% width

  1. Adjust the ve brand class and set to display inline block:

  1. Adjust the ve nav menu to have display inline block, with float right and clear right:

I hope this helps!

http://valley-expetec-3.webflow.io/about-us

did not help. please advise.

actually it’s working in webflow but not in the browser

works in webflow: Screenshot by Lightshot

not in browser: Screenshot by Lightshot

Hey @JaimeGizzle I took a look at your site and it looks like you still have global custom code added to your site which is affecting the navbar element on the live site (the custom code doesn’t load in the Webflow Preview). Can you please try removing that custom code and let me know if your navbar behaves as expected now?

Thanks in advance and standing by for your confirmation. :smile:

yeah that was it,

looks like nav element was conflicting

thank you.

1 Like

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