• 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

Cafe Pro Responsive Menu

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 › Cafe Pro Responsive Menu

This topic is: not resolved

Tagged: cafe pro, responsive menu

  • This topic has 4 replies, 3 voices, and was last updated 9 years, 9 months ago by alistairmckenzie.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 18, 2015 at 7:31 am #162733
    alistairmckenzie
    Member

    Hi I am using the Cafe pro theme which is great on a mobile device putting the responsive menu at the bottom of the device screen, my problem is when you click the menu nothing happens, well it does but it opens up but off screen, what I would like is when you click the Menu icon the menu slides up so you can view it as many a customer just thinks it doesn't work and doesn't think to scroll down any help much appreciated

    http://iwsandbox.co.uk/funeral-sites/hyndburn/
    August 18, 2015 at 12:02 pm #162757
    frobn
    Member

    It can be done using css.

    You can move the menu and the icon up by using a negative margin-top and changing the icon color and menu li a. The margin-top will need to be set for both the front-page and inner pages.

    You will need to modify these selectors

    For neg margin-top:
    .genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon

    .menu-primary (@media breakpoint)

    For color:
    ul#menu-main-menu a

    .responsive-menu-icon::before

    August 19, 2015 at 3:27 am #162817
    alistairmckenzie
    Member
    This reply has been marked as private.
    September 1, 2015 at 8:16 am #164208
    Dan B
    Participant

    So what solution did you settle on??


    Dan @ ZindaMedia
    Marketing, Fundraising and Social Media strategies for non-profits.

    September 1, 2015 at 8:49 am #164220
    alistairmckenzie
    Member

    I bagged it off and used shiftnav instead

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

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