Forum Replies Created
-
Posts
-
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?
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; }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!!
I dont understand, I´ve checked my Cpanel themes/lyfestyle/functions.php and is there. Is that what you are saying?
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
Ummm, it´s weird. Why that file cannot load properly? Maybe is something related with the site header padding or something like that?
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.0Tags: 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.0License: 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";
}