Jump to content
Sign in to follow this  
LukeB

Full width navbar

Recommended Posts

LukeB    0
LukeB

Hi I am trying to make my navbar full width at the top of my site but none of the css solutions mentioned in other forum threads seem to work.

 

Any help would be appreciated.

http://www.nevillmedia.com/

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Luke,

 

Can you tell me which layout you've used in Dashboard > PageLines > Site Options > Layout Editor?

 

I need to know the selections made under Layout Handling and Site Design Mode.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
LukeB    0
LukeB

Hi Rob,

 

I am using Responsive with Pixel Width with Full-Width Sections

Share this post


Link to post
Share on other sites
LukeB    0
LukeB

I am also using nav classic which is what I would like to make full width

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Luke - from looking at your site do you mean you want the menu items to be be bigger and fill the nav bar? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
LukeB    0
LukeB

Hi Martin thanks for taking a look.

 

Not quite, what I want to do is make the top navigation stretch from one side of the page to the other.

 

For example like this page: http://demo.pagelines.me/tools/

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Oh right, that is fixed nav - go into Pagelines > Site options > Header and footer and select fixed nav 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
LukeB    0
LukeB

Sorry I don't think I have explained myself very well. When I mean is that I need a way to make my menu stretch from one side of the screen to the other, so instead of being width 100% of the content it is 100% width of the window. It does not need to scroll and be a fixed nav but instead simply be 100% full width of the screen.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Luke, please look at this site, for the maroon menu bar that goes across the screen.  Is this what you want?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
LukeB    0
LukeB

Yes thats what I am trying to achieve Rob.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

If i look at http://www.nevillmedia.com/ i just see a holding page.

 

However, if you're using the classic nav and want it to go full width (the background color) you can apply the background color directly to the main #nav container. 

 

#nav {background: #ffffff;}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
LukeB    0
LukeB

Oh sorry my bad, I thought I had disabled that.

 

Thanks James that solved it.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Grant Turck
      By Grant Turck+
      Navbar Broken on All Devices When Not Logged Into Wordpress. See screenshots attached from mobile. What is causing this issue and how do I fix? Site is venicepride [dot] org.


    • PierreFF
      By PierreFF+
      Hello, 
      I have an issue with NavPro on mobile when the link of the menue is on the same page. 
      Here is my website: http://foundersofthefuture.co
      The isssue comes from the fact that in my menue most of the items send somewhere else on the same page using anchor link (eg. #container_u788888). 
      This works well on desktop but on mobile, nothing happens when clicking on the link. One of the link of the menue of the homepage "France" sends to another page of the website and this one works well even on mobile. 
      I am using the Pagelines framework theme and also used a wordpress plugin (jQuery Smooth Scroll) for smooth scrolling . 
      Thanks in advance for your help and let me know if I need to provide more information. 
      Best,
      Pierre
    • tristanrodgers
      By tristanrodgers+
      Hi there!
      I'd love to have some social media buttons in my navbar like my online-shop has!
      http://mc1r-magazine.com/
      Can someone explain me how to create them? I tried a lot but don't know how to realize them...
      Greetings from Germany,
      Tristan
    • jeomiland
      By jeomiland+
      Hi guys. Just now trying out Platform 5. I like the reletive simplcity of the new interface but there are things I'm used to in DMS that I'm not seeing yet in 5. Is there a good manual, documentation, video series about some of the basics?
      In particular, I've got a simple navigation menu, created the standard way in WP menus section with several top level parents, then 3-4 children menu items below a couple parent items. Have them moved to the right to create the standard parent-child relationship but all I see on the page is the parent level items - no dropdown!. So I changed themes from Platform5 to the standard 2015 default theme and now I see absolutely no menu at top, except for the mobile (hamburger?) icon.
      In DMS, one had Navi and Navbar, etc sections and each would work differently and give different results. How do you work the menu system in 5? And how get different results ?
      thanks
    • nizami
      By nizami+
      I have a problem at http://kambo.world. Using navbar for the main site navigation. It works fine in normal/desktop mode [first screenshot], using the WP Menu I have specified. But in hamburger mode it seems to do its own thing, picking a few pages at random [second screenshot] A fix for this greatly appreciated! 
       


×