[dmblover41]

Yes you got it! It sure does sound complicated. I was thinking the same thing when I tried to explain it. Your explanation is pretty much what I thought. I suppose my only hope was that there’s a way to set a minimum time for the submenu to open once you over over the first level menu item that triggers it. But it’s probably more of a hassle to figure that out than it’s worth.

[dmblover41]

Thanks, that does help a bit! I understand the request was a bit ridiculous, but my (non tech savvy) client asked, so I thought I’d find out. It makes complete sense that if you don’t directly go to the menu item that the submenu closes. It’s just different than a menu that drops straight down as users have to go down past the first menu item to get to any of the others, so there’s no risk of rolling over other menu items to close the submenu like there is when the submenu pops out on the right.

[dmblover41]

To clarify I’m looking for a way for the menu to stay open a little longer. I realize that if you don’t move directly to the right to the third level menu that you risk hitting the second level item below it which would then trigger the third level menu that was just opened to close. Is there any way once you over over “Advertising” that it can stay open for a minimum time (like 1 second let’s say), so that if a user moves diagonally to the bottom of the third level menu that it doesn’t close?

[dmblover41]

It appears to be working so far, thank you. As I continue to build the page I will let you know if there are any other issues like this.

[dmblover41]

Hi Mohammad,

I do believe Google Page Speed is installed on my host, so perhaps that is causing some trouble. You said that you made some changes and it’s working now. The code you pasted looks the same as what I had. Would you mind letting me know what you changed?

Thanks!
Ryan

[dmblover41]

Thanks Ed, much appreciated. I’m going to keep pushing the hosting company on this!

[dmblover41]

It was what I posted earlier…
.lang {float: right !important; margin-right: 10px; color: #999 !important; padding-top: 4px; font-size: 14px !important;}
.flagimg {height: 24px !important; width: 24px !important;}

The Dante them comes with an empty child theme, so it should work correctly as I am using it, even if the Custom CSS is a “better option” as you say. I’m looking for an explanation as to why it’s not working correctly as if there is conflicts I want to avoid them as I continue to build this site.

[dmblover41]

No, that is not true.

It’s working because I added ther CSS to Admin -> Theme Options -> Custom CSS. If I remove it (but keep it in the Child Theme’s CSS), it works sometimes and not others, randomly when you refresh the page.

I need all of the CSS in the Child Theme to work correctly as it should. I maybe be doing a second child them (alternate style) and need to have style separated this way.

[dmblover41]

No, this is what I’m using in the child theme’s style.css file. Until recently it seemed to be working this way.

[dmblover41]

/* LICENSE & DETAILS
==================================================

Theme Name: Duralum Products, Inc
Theme URI: http://www.duralum.com
Description: Custom theme for Duralum
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: dante
Version: 1.0
Author: Conrad Design
Author URI: http://www.conrad-design.com

All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

==================================================
*/

/* ——————————————–
DANTE CSS IMPORT
——————————————– */

@import url(“../dante/style.css”);

/* ——————————————–
CHILD THEME CSS
——————————————– */

.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt40{padding-top: 40px !important;}
.pt50{padding-top: 50px !important;}
.pt60{padding-top: 60px !important;}
.pt70{padding-top: 70px !important;}
.pt80{padding-top: 80px !important;}
.pt90{padding-top: 90px !important;}
.pt100{padding-top: 100px !important;}

.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 10px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 10px !important;}
.pb30{padding-bottom: 30px !important;}
.pb40{padding-bottom: 40px !important;}
.pb50{padding-bottom: 50px !important;}
.pb60{padding-bottom: 60px !important;}
.pb70{padding-bottom: 70px !important;}
.pb80{padding-bottom: 80px !important;}
.pb90{padding-bottom: 90px !important;}
.pb100{padding-bottom: 100px !important;}

.pl10{padding-left: 10px !important;}

.mt10{margin-top: 10px !important;}
.mt15{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 10px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !important;}

.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 10px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}

.pullleft{margin-left:0 !important; padding-left:0 !important;}

.menu-duralum-main-menu-container {padding-top:17px !important;} /* ADD SPACE ABOVE NAV ITEMS */
.graybg #main-container {background:#333 !important;} /*MAKES MAIN CONTAINER BG GRAY (BODY) */

.f-white {color: #fff !important;}
.impact-text-huge {font-size: 44px !important; font-family: “Museo500Regular”, Arial, Helvetica, Tahoma, sans-serif;}

.sf-icon-box-animated .front {padding: 40px 20px !important;} /* DECREASE HEIGHT OF ICON FLIP BOXES */
.sf-icon-box-animated .back {padding: 20px;} /* PADDING FOR BACK SIDE OF ICON FLIP BOXES */

.tight-icons h3{margin:15px 0 0 0;}
.tight-icons .sf-icon-box h3{margin:7px 0;}

.graphite, .graphite h1, .graphite h2, .graphite h3 {color:#666 !important;}
.cyan, .cyan h1, .cyan h2, .cyan h3 {color: #1dc6df !important;}

.sf-list {padding-left:22px;}
.sf-list i{margin-left: -22px;}
.spb-icon-heading i {color: #1dc6df !important;}

.li-no-title .sf-icon-box.sf-icon-box-left-icon-alt h3 {font-size: 16px !important;}

.list2 .sf-list {padding-left:18px;}
.list2 .sf-list i{margin-left: -18px;}

.textpad h1, .textpad h2, .textpad h3, .textpad p{padding-left: 15px !important; padding-right: 15px !important;}

#breadcrumbs a:hover {color: #333 !important;}

#wpmem_login legend, #wpmem_reg legend{font-family: “Museo500Regular”, Arial, Helvetica, Tahoma, sans-serif !important; font-weight:400 !important; padding-bottom:10px; font-style: normal !important;}

#wpmem_reg .req {
color: #1dc6df !important;
font-size: 22px;
line-height: 50%;
}

#wpmem_login #pwd {margin-top:5px !important;}

ul.sub-menu li {text-transform:none;}
ul.sub-menu {margin-top: -7px !important;} /* MAKE SUB-MENU LINE UP WITH BOTTOM OF MAIN MENU BOX – ONLY WHEN IT ISN’T REDUCED!!! */
.sticky-header-resized ul.sub-menu {margin-top: 25px !important;} /* MAKE SUB-MENU LINE UP WITH BOTTOM OF MAIN MENU BOX – ONLY WHEN IT’S REDUCED!!! */
.menu-item-12154 .sub-menu {width:350px !important} /* MAKE PRODUCTS MENU EXTRA WIDE */

.ltgrey .sf-icon-box-content-wrap{background: #f3f3f3!important; padding:15px 10px 10px !important; border:1px solid #ccc;}
.ww-colors h4 {color:white!important;}
.ww-colors .container {margin-left: -15px !important;}

.iconpad h3 {padding-left:25px; padding-top:10px;}
.iconpad .sf-icon-box-content {padding-left: 25px;}

.tb-right #flags {float: right !important;}
.lang {float: right !important; margin-right: 10px; color: #999 !important; padding-top: 4px; font-size: 14px !important;}
.flagimg {height: 24px !important; width: 24px !important;}
#top-bar {padding-top:0 !important; padding-bottom:2px !important;}

[dmblover41]

I looked at the Google Language plugin and there is an external CSS file it loads, but my !important tags should override it.

Regardless, the .lang class just applied to simple text I added to the top bar (no associated with Google plugin), and I was experiencing the same issue.

[dmblover41]

Yes, here’s what I added to the child theme’s style.css file (and worked intermittently), but seemed to work all the time when added to the custom CSS area.

.lang {float: right !important; margin-right: 10px; color: #999 !important; padding-top: 4px; font-size: 14px !important;}
.flagimg {height: 24px !important; width: 24px !important;}

[dmblover41]

Kyle,

I’ve been going back and forth with my hosting company on this, and they claim it’s not them either. Here’s what they said:

I took a look at your servers again but I’m still not seeing any problems
with the load. After looking into your files, it looks like wordpress
was causing the delay on your site. Here’s the speed now:

http://tools.pingdom.com/fpt/#!/ca0Lzg/conrad-design.com/dev/duralum/

and here’s the result after disabling all of your plugins and switching
to the default theme:

http://tools.pingdom.com/fpt/#!/eKt2DW/conrad-design.com/dev/duralum/

//

After looking at the test results, It does seem like the Dante theme has a large role in the slow page loading. To make sure it wasn’t the plugins, I just ran a test with all of them deactivated. Here are the results: http://fpt.pingdom.com/#!/cWmI2u/http://conrad-design.com/dev/duralum/.

You’ll notice that there’s a 12 second wait to initially load the page, where as with the default theme was less than 1 second. It’s the same server/host, so it has to be theme related, right?

UPDATE: I just ran a test with the child theme deactivated, so just using the main Dante theme. The results are actually worse! http://tools.pingdom.com/fpt/#!/bRURN7/http://www.conrad-design.com/dev/duralum/

Please help!

[dmblover41]

But I had !important on these in the child theme’s style.css file and it still didn’t work correctly. So in that case I have no choice but to put it in the custom CSS area? I just want to be sure. Ideally I’d like to have it all in one location.

[dmblover41]

Is there any reason why? Even if the !important tag is used?