• 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

Sticky Menu Issue in Beautiful Pro

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 › Design Tips and Tricks › Sticky Menu Issue in Beautiful Pro

This topic is: resolved

Tagged: beautiful pro, safari, sticky menu

  • This topic has 2 replies, 2 voices, and was last updated 7 years, 8 months ago by gdailey.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 21, 2015 at 9:12 am #153098
    gdailey
    Member

    I am having an issue with my Sticky Menu in the Beautiful Pro theme. Utilizing THIS TUTORIAL. The menu works great; I even was able to modify it for responsiveness.

    The problem I am having seems to be a graphical one. On Chrome and Firefox, the menu scrolls smoothly, sticking in place with no issue. On Safari, however, there is a weird glitch where the menu seems to "slide" in from the left of the screen upon scrolling to the sticky position. I've read a few forums on changing the JS (window v. document) with no change in the issue. Any suggestions or ideas I can explore to try to remedy this problem?

    My website is HERE

    http://www.slamweb.org/SLAM
    May 25, 2015 at 6:40 am #153541
    SavvyJackie
    Member

    Hi,
    The issue may be related to this code:

    .nav-primary.fix {
    	-webkit-transition: all 0.3s ease-in-out;
    	-moz-transition:    all 0.3s ease-in-out;
    	-ms-transition:     all 0.3s ease-in-out;
    	-o-transition:      all 0.3s ease-in-out;
    	transition:         all 0.3s ease-in-out;
    }

    When I commented it out - the menu in Safari worked.


    Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

    Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

    May 25, 2015 at 8:14 am #153549
    gdailey
    Member

    Wow thanks, that was an easy fix. I guess something about safari didn't like the transition CSS. Didn't affect Firefox, Opera, Chrome. Go figure.

    Thanks for the help!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Sticky Menu Issue in Beautiful Pro’ is closed to new 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