Community Forums › Forums › Archived Forums › Design Tips and Tricks › Problem with menu on News Pro theme
- This topic has 1 reply, 2 voices, and was last updated 8 years, 4 months ago by Susan.
-
AuthorPosts
-
October 16, 2015 at 3:21 am #168272kategorgeousMember
Hi, Apologies if I have posted this twice but I couldn't see if it has posted successfully. I have a site using News Pro theme but the menu is permanently expanded so the submenu simply looks like part of the main menu. I know it's something weird in the .css file but can't find it. The live site where this doesn't work is http://www.cathywilcoxtraining.com/ but I have the same css file working on my test area http://www.underbrellatestsite.co.uk/cwt/ - here is the entry for mobiles:
/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {.content #genesis-responsive-slider .flex-direction-nav li a {
background-image: url(images/[email protected]);
}}
@media only screen and (max-width: 1188px) {.site-container {
max-width: 960px;
}.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
width: 780px;
}.content {
width: 658px;
}.site-header .widget-area {
width: 620px;
}.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content,
.content-sidebar-sidebar .content {
width: 480px;
}.sidebar-primary {
width: 300px;
}.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5,
.footer-widgets-6 {
width: 130px;
}.home-top .widget.ui-tabs img {
max-width: 617px;
}.home-top .widget.ui-tabs .entry {
min-height: 334px;
}.site-title {
margin-top: 0;
}}
@media only screen and (max-width: 1023px) {.site-container {
max-width: 780px;
width: 96%;
}.content,
.content-sidebar-sidebar .content,
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-primary,
.sidebar-secondary,
.sidebar-sidebar-content .content,
.sidebar-sidebar-content .content-sidebar-wrap,
.site-header .widget-area,
.site-inner,
.title-area,
.wrap {
width: 100%;
}.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5,
.footer-widgets-6 {
margin: 0;
width: 33.3333%;
}.footer-widgets-4 {
clear: both;
}.site-header .title-area,
.site-header .widget-area {
padding: 0;
}.site-header .title-area {
padding-bottom: 16px;
}.site-header .wrap {
padding: 20px 0;
}.genesis-nav-menu li,
.site-header ul.genesis-nav-menu,
.site-header .search-form {
float: none;
}.genesis-nav-menu,
.home-top .widget.ui-tabs .entry h2,
.site-description,
.site-header .search-form,
.site-header .title-area,
.site-header .widget-area,
.site-title {
text-align: center;
}.genesis-nav-menu a,
.genesis-nav-menu > .first > a,
.genesis-nav-menu > .last > a {
border: none;
padding: 12px;
}.site-container,
.site-header .search-form {
margin: 16px auto ;
}.genesis-nav-menu li.right {
display: none;
}.content {
border: none;
}.site-footer {
padding: 24px;
}.home-top .widget.ui-tabs .entry {
background-color: #000;
padding-bottom: 20px;
}.home-top .widget.ui-tabs img {
display: block;
max-width: 100%;
position: relative;
margin: 0 auto;
}.home-top .ui-tabs ul.ui-tabs-nav {
background-color: #000;
bottom: auto;
margin: 0;
position: relative;
right: auto;
}.home-top .ui-tabs ul.ui-tabs-nav li,
.home-top .widget.ui-tabs .entry p {
margin: 0;
}.home-top .widget.ui-tabs .entry h2 {
padding: 0;
}.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-sidebar-content .sidebar-primary {
border: none;
}}
@media only screen and (max-width: 600px) {.five-sixths,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5,
.footer-widgets-6,
.four-sixths,
.home-middle-left,
.home-middle-right,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
margin: 0;
width: 100%;
}.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
.genesis-nav-menu.responsive-menu {}
.genesis-nav-menu.responsive-menu .menu-item,
.responsive-menu-icon {
display: inline-block;
height: 3.3em;
}.menu-courses-container {
display: none;
}.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;
color: #000;
display: block;
line-height: 1;
padding: 20px;
text-transform: none;
}.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: "\f132";
float: right;
font: normal 16px/1 'dashicons';
height: 16px;
padding: 18px 20px;
right: 0;
text-align: right;
z-index: 9999;
}.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
content: "\f460";
}.genesis-nav-menu.responsive-menu .sub-menu {
background-color: rgba(0, 0, 0, 0.05);
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 {
margin: 0;
}.genesis-nav-menu.responsive-menu .sub-menu li a,
.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
background: none;
border: none;
padding: 20px;
position: relative;
text-transform: none;
width: 100%;
}.content #genesis-responsive-slider .flex-direction-nav li .next,
.content #genesis-responsive-slider .flex-direction-nav li .prev,
.content .slide-excerpt {
display: none;
}.home-middle-left {
border: none;
}.header-image .site-header .site-title a {
background-size: contain !important;
}.entry-title {
font-size: 26px;
}.title-area {
font-size: 1.36em;
}.nav-secondary {
display: none;
}#search-2 {
display: none;
}.nav-primary ul li {
width: 100%;
}.genesis-nav-menu {
margin-top: -50px;
}}
http://www.underbrella.co.uk
Learn from yesterday, live for today, hope for tomorrowDecember 18, 2015 at 6:47 am #174191SusanModeratorAs you posted this awhile ago, I hope you were able to resolve your issue 🙂
If not, report back here, and I will see if I can get it resolved/escalated for you.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.