[Theme:Cyanotype] menu not responsive

  • Resolved hellotherepress

    (@hellotherepress)


    10 years, 3 months ago

    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)
  • Mr Case

    (@mr-case)

    10 years, 3 months ago

    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)

    10 years, 3 months ago

    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!

    Mr Case

    (@mr-case)

    10 years, 3 months ago

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

    Thread Starter hellotherepress

    (@hellotherepress)

    10 years, 3 months ago

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

    Moderator Kathryn Presner

    (@zoonini)

    10 years, 3 months ago

    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.