• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Full-width navigation bar in Blissful

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Full-width navigation bar in Blissful

This topic is: not resolved

Tagged: blissful, full-wdith, navigation

  • This topic has 8 replies, 2 voices, and was last updated 10 years, 1 month ago by krystyn.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 12, 2012 at 1:46 pm #4764
    krystyn
    Participant

    I'm trying to get my navigation bars to go all the way across the screen, like a full screen navigation bar, however it's not working. I'm hoping somebody can help tell me what I'm doing wrong in the css, or if there is php that needs to be changed to account for it?

     

    Here's my test site.

    December 13, 2012 at 10:39 am #4985
    John
    Participant

    Hi Krystyn,

    I just looked at your test site - could you give more detail about what you're wanting the navigation bars to do? Or did you figure it out?

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    December 13, 2012 at 10:41 am #4986
    krystyn
    Participant

    Hi John-

    Nope, I didn't figure it out....I've been able to do it before, so I must be missing something.

    I'd like the navigation bars' background color to span the width of the screen..similar to this:

    http://www.yourownhomestore.com/

    December 13, 2012 at 11:20 am #4995
    John
    Participant

    The website at that link has a solid white background with no background color in the navigation. Did you mean a different site?

    Correct me if I'm wrong, but I think you're wanting the blue colors of both navigation bars to extend to both sides of the screen, right?

    If so, you'll need to change the width of the primary #wrap DIV to 100%, then adjust the other main DIVs to center within that, and your navigation DIVs to go full-width.

    Let me know if I'm on the right track here.


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    December 13, 2012 at 12:25 pm #5005
    krystyn
    Participant

    You are correct on both accounts...I meant to link to the blog portion of the site here: http://www.yourownhomestore.com/

     

    I'll work on changing things out. I thought I had tried that with no luck, but it should work, so I'll try again.

    December 13, 2012 at 1:25 pm #5017
    krystyn
    Participant

    Thanks, John..now it appears I can only get the navigation centered (but now I've got the navigation correct). I've got the main #wrap position to center, but I'm not seeing it.

     

    Is anything jumping out at you? I'm looking in firebug, but not seeing anything and trying to center the inner and header isn't working, either.

    December 13, 2012 at 1:31 pm #5018
    krystyn
    Participant

    Nevermind. I got it. Silly margins! Thanks for your help.

    December 13, 2012 at 1:37 pm #5019
    John
    Participant

    Good deal! And you're welcome!

    #nav ul {float: none;}

    will pop that search box over to the right... 🙂


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    December 18, 2012 at 1:48 pm #5984
    krystyn
    Participant

    Thank you! Popping it to the right now:)

     

    Since this is still navigation related...why can't I change the font size? I've been in firebug for over an hour and can't seem to get the fonts to change sizes in the navigation.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble