• 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

jimbo5

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
  • Profile
  • Topics Started
  • Replies Created
  • Engagements
  • Favorites

Forum Replies Created

Viewing 9 posts - 41 through 49 (of 49 total)
← 1 2 3
  • Author
    Posts
  • June 2, 2016 at 10:24 am in reply to: Mobile Navigation Menu Not Showing properly #186774
    jimbo5
    Participant

    Done. But the menu doesnt appear to be totally ok yet

    June 2, 2016 at 7:01 am in reply to: Mobile Navigation Menu Not Showing properly #186744
    jimbo5
    Participant

    And I have to copy-paste the code and put it at the end of my original style.css?? I dont have to erase any code there?

    June 2, 2016 at 6:33 am in reply to: Mobile Navigation Menu Not Showing properly #186741
    jimbo5
    Participant

    Wow, all this code?:

    /* Responsive Menu
    --------------------------------------------- */
    
    .responsive-menu-icon {
    	cursor: pointer;
    	display: none;
    	text-align: center;
    }
    
    .responsive-menu-icon::before {
    	content: "\f333";
    	display: inline-block;
    	font: normal 20px/1 'dashicons';
    	margin: 0 auto;
    	padding: 10px;
    }
    
    .site-header .responsive-menu-icon::before {
    	padding: 0;
    }
    .genesis-nav-menu li,
    	.site-header ul.genesis-nav-menu,
    	.site-header .search-form {
    		float: none;
    	}
    
    	.genesis-nav-menu,
    	.site-description,
    	.site-footer p,
    	.site-header hgroup,
    	.site-header .search-form,
    	.site-title {
    		text-align: center;
    	}
    
    	.genesis-nav-menu a {
    		padding: 20px 16px;
    	}
    .genesis-nav-menu li.alignleft,
    	.genesis-nav-menu li.right {
    		display: none;
    	}
    .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
    	.genesis-nav-menu.responsive-menu {
    		display: none;
    	}
    
    	.genesis-nav-menu.responsive-menu .menu-item,
    	.responsive-menu-icon {
    		display: block;
    	}
    	
    	.genesis-nav-menu.responsive-menu .menu-item {
    		margin: 0;
    	}
    
    	.genesis-nav-menu.responsive-menu .menu-item:hover {
    		position: static;
    	}
    	
    	.genesis-nav-menu.responsive-menu li.current-menu-item > a,
    	.genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
    	.genesis-nav-menu.responsive-menu li a,
    	.genesis-nav-menu.responsive-menu li a:hover {
    		background: none;
    		border: none;
    		display: block;
    		line-height: 1;
    		padding: 20px;
    		text-transform: none;
    	}
    	
    	.genesis-nav-menu.responsive-menu .current-menu-item > a,
    	.genesis-nav-menu.responsive-menu .sub-menu a,
    	.genesis-nav-menu.responsive-menu > li:hover .sub-menu a,
    	.genesis-nav-menu.responsive-menu a:hover,
    	.genesis-nav-menu.responsive-menu li:hover > a {
    		color: #fff;
    	}
    
    	.genesis-nav-menu.responsive-menu .menu-item-has-children {
    		cursor: pointer;	
    	}
    
    	.genesis-nav-menu.responsive-menu > .menu-item-has-children > a {
    		margin-right: 60px;
    	}
    
    	.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
    		content: "\f140";
    		float: right;
    		font: normal 20px/1 'dashicons';
    		height: 20px;
    		padding: 16px 20px;
    		right: 0;
    		text-align: right;
    		z-index: 9999;
    	}
    
    	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
    		content: "\f142";
    	}
    
    	.genesis-nav-menu.responsive-menu .sub-menu {
    		background-color: rgba(0, 0, 0, 0.025);
    		border: none;
    		left: auto;
    		opacity: 1;
    		position: relative;
    		-moz-transition:    opacity .4s ease-in-out;
    		-ms-transition:     opacity .4s ease-in-out;
    		-o-transition:      opacity .4s ease-in-out;
    		-webkit-transition: opacity .4s ease-in-out;
    		transition:         opacity .4s ease-in-out;
    		width: 100%;
    		z-index: 99;
    	}
    
    	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
    		background-color: transparent;
    		margin: 0;
    		padding-left: 25px;
    	}
    
    	.genesis-nav-menu.responsive-menu > li:hover .sub-menu a:hover,
    	.genesis-nav-menu.responsive-menu > li:hover .sub-menu a,
    	.genesis-nav-menu.responsive-menu .sub-menu li a,
    	.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
    		background: none;
    		border: none;
    		padding: 12px 20px;
    		position: relative;
    		text-transform: none;
    		width: 100%;
    	}
    .nav-primary .genesis-nav-menu.responsive-menu .current-menu-item > a,
    	.nav-primary .genesis-nav-menu.responsive-menu .sub-menu a,
    	.nav-primary .genesis-nav-menu.responsive-menu > li:hover .sub-menu a,
    	.nav-primary .genesis-nav-menu.responsive-menu a:hover,
    	.nav-primary .genesis-nav-menu.responsive-menu li:hover > a {
    		color: #222;
    	}
    	
    	.genesis-nav-menu a {
    		font-size: 12px;
    	}
    
    June 1, 2016 at 9:43 am in reply to: Mobile Navigation Menu Not Showing properly #186695
    jimbo5
    Participant

    Sorry I´m so stupid! now I understand.

    Well, I´ve just upload de js folder with the responsive-menu file but nothing happened, still the same problem!!

    June 1, 2016 at 9:04 am in reply to: Mobile Navigation Menu Not Showing properly #186691
    jimbo5
    Participant

    I dont understand, I´ve checked my Cpanel themes/lyfestyle/functions.php and is there. Is that what you are saying?

    http://prntscr.com/bb1rlx

    June 1, 2016 at 8:50 am in reply to: Mobile Navigation Menu Not Showing properly #186689
    jimbo5
    Participant

    The file is updated with this code:

    wp_enqueue_script( 'lifestyle-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
    
    

    in Lyfestyle pro theme functions.php

    http://prntscr.com/bb1l1i

    June 1, 2016 at 8:13 am in reply to: Mobile Navigation Menu Not Showing properly #186684
    jimbo5
    Participant

    Umm, it´s weird I put than code in my functions.php but nothing happens... still no accordion 🙁

    May 25, 2016 at 11:43 am in reply to: Mobile Navigation Menu Not Showing properly #186269
    jimbo5
    Participant

    Ummm, it´s weird. Why that file cannot load properly? Maybe is something related with the site header padding or something like that?

    May 23, 2016 at 7:10 am in reply to: Mobile Navigation Menu Not Showing #186128
    jimbo5
    Participant

    Hi, I´m having the same problem. I can´t see the hamburguer / accordion menu in the mobile version. The web is http://eloyhanoi.com/ and my custom css code is:

    /*
    Theme Name: Lifestyle Pro Theme child del child
    Theme URI: http://my.studiopress.com/themes/lifestyle/
    Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
    Author: StudioPress
    Author URI: http://www.studiopress.com/
    Version: 3.0.0

    Tags: green, tan, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

    Template: genesis
    Template Version: 2.0.0

    License: GPL-2.0+
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    */


    @import
    url(https://fonts.googleapis.com/css?family=Chicle);

    .caja-viajes {
    margin:0 0 25px;
    overflow:hidden;
    padding:20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }

    .caja-viajes {
    background-color:#fef5c4;
    border:1px solid #fadf98;
    }

    .site-header {
    background-color: #ffffff;
    padding: 0px;
    padding: 0rem;
    overflow: hidden;
    }

    .genesis-nav-menu a {
    color: #555555;
    }

    .genesis-nav-menu {
    font-size: 23px;
    line-height: 30px;
    font-family: "chicle";
    }

    .nav-secondary {
    background-color: #ffffff;
    }

    .genesis-nav-menu > li:hover a, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a {
    color #BA661E;
    }

    .lifestyle-pro-home .content .widget-title {
    background-color: #BA661E;
    border-radius: 3px;
    }

    .site-footer {
    background-color: #ffffff;
    }

    .site-footer {
    color: #555555;
    }

    .entry-title a:hover {
    color: #BA661E;
    }

    a {
    color: #BA661E;
    }

    button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {
    background-color: #BA661E;
    color: #fff;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    font-family: "chicle";
    }

  • Author
    Posts
Viewing 9 posts - 41 through 49 (of 49 total)
← 1 2 3
« Previous Page

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