• Resolved hellotherepress

    (@hellotherepress)


    Hello,
    I am modifying cyanotype theme menu with the jetpack plugin custom css and can’t get the mobile/small screen menu to respond. It disappears on hover and doesn’t open.
    The website is http://www.hellotherepress.com
    This is the css I currently have:

    body {
    	font-size: 24px;
    	color: black;
    }
    h1 {
    	color: black;
    }
    h2 {
    	color: black;
    }
    
    /* Menu */
    .main-navigation a {
    	color: black !important;
    }
    .main-navigation ul li:hover > a {
    	background: white !important;
    	color: black !important;
    }
    a:hover {
    	color: black !important;
    }
    a {
    	color: black !important;
    }

    Thanks for any help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • it appears there is some javascript missing. When there is a click event something should happen, like setting your navigation to display, but its not. you have jQuery library loaded on your site, so it should just be a few simple lines of code. try something like this

    <script>
    jQuery('#sidebar-toggle').click(function() {
        jQuery('.main-navigation').fadeToggle('slow');
    });
    </script>
    Thread Starter hellotherepress

    (@hellotherepress)

    Thanks for the reply. I tried that in the css editor and it didn’t change. I ended up switching to a very similar theme that is responsive. Thanks!

    That wasn’t css i posted. its javascript. it has nothing to do with css.

    Thread Starter hellotherepress

    (@hellotherepress)

    So where do you put then? I also tried putting it in the function.php file.

    Have you modified any of the theme files? If so, make a backup of your changes and try reinstalling a fresh copy of the theme.

    If that doesn’t help, try to rule out a plugin conflict, you could try temporarily deactivating all your plugins. Does the problem persist? If the problem is gone, reactivate your plugins one-by-one, look at the site in between each reactivation, to find the conflict.

    Let me know how it goes.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘[Theme:Cyanotype] menu not responsive’ is closed to new replies.