• 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

Sub-Menu Breaking Navbar

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 › Sub-Menu Breaking Navbar

This topic is: not resolved

Tagged: #sub-menu #navbar

  • This topic has 3 replies, 2 voices, and was last updated 9 years, 5 months ago by Victor Font.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 10, 2017 at 8:07 am #204554
    ashadle
    Member

    Hi There,

    I have a dropdown list from the main nav li, and when I scroll down the sub-menu items break the nav bar.. please see image attached.

    I'd love your awesome help!
    Thank you!
    Ali

    http://amberlights.builtbybobbie.com/
    April 10, 2017 at 10:39 am #204562
    Victor Font
    Moderator

    You didn't provide the image and I don't see an issue when I visit your site.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 10, 2017 at 11:22 am #204571
    ashadle
    Member

    Hey Victor, it's because I couldn't host the screenshot somewhere.

    If you go to the main page (http://amberlights.builtbybobbie.com/) and scroll down the navbar list items are stacked in 3 rows, instead of all of the list items just next to them.

    Let me know if you can see it otherwise I can figure out how to host the screenshot somewhere and send you the image.

    Thank you Victor!
    ALi

    April 11, 2017 at 6:23 am #204621
    Victor Font
    Moderator

    You're navigation looks absolutely fine on the mobile test site: http://semalt.design/device?url=http%3A%2F%2Famberlights.builtbybobbie.com%2F

    We may not be talking about the same thing. The nav bar is at the top of the page. When viewed on a small screen it converts into the mobile hamburger menu.

    I think you are referring to the line that starts with Lifestyle in the middle of the page. You built that with Beaver Builder. It is not a navigation bar. It is a series of divs, wrapped multiple times in other divs. It will never work as a navigation bar. It is not a menu. It is content created by the builder.

    This has absolutely nothing to do with Genesis or Studio Press. If this is what you are talking about, you'll have to figure out how to apply your own CSS and/or jQuery to it so it functions like a nav bar. You might be better off asking your question in the Beaver Builder forum.

    BTW, your Beaver Builder plugin is throwing a jQuery error. You should ask them how to fix it.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 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

© 2026 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