help with two css issues WordPress
- SOLVED
Hi,
got a couple of quirky css issues I need help with fixing. On this site: http://www.lifesuccesscoaching.net i have these two issues.. I'm looking for code solutions rather than advice:
1. hover over 'about' on the main nav, and the sub-nav item disappears when you try to hover over it. how do i fix that?
2. I've installed the digg digg plugin and it's working fine on most pages, but on some pages (particularly in chrome) the page is refreshing to the very bottom when it fiishes loading. See this page in chrome: http://www.lifesuccesscoaching.net/faq/. Any ideas?
should mention on #2 that i'm keen for the digg digg buttons to be fixed as per the index page position.
thanks in advance
Dave
Answers (7)
Ashfame answers:
For the 1st problem,
change this CSS code in your style.css of your theme at Line 387
#access .menu-header ul, div.menu ul {
list-style:none outside none;
margin:0;
padding-top:10px;
}
I am looking into your second problem now
Edit: Yes some padding too. The menu shifts a bit up
Ashfame comments:
I didn't see any reloading of page in Chrome
Dave Smith comments:
ok as first respondent, 50% of the fee goes to you. got any ideas on the second issue?
Merne Asplund answers:
I am not seeing either issue in FF or Chrome. I am seeing the design problem with the subnav, though.
Looks like you have more than one version of jQuery loading. This means, you probably have some crappy plugins that aren't considering conflicts with other plugins.
Instead of adding hacks like "scrollTop", this should be cleaned up within the plugins you are using.
If you want to go this route, please send me a message through the system and I can take a closer look at the plugins you're using and what it would take to get them working together.
Bob answers:
For issues #2 remove the padding in the following css for your footer to align with the bottom of the page. Not sure if that will fix load problem, if it persists disable smooth gallery and see if that is the problem.
on line 1189 in style.css
#colophon {
border-top:4px solid #000000;
margin-top:-4px;
overflow:hidden;
padding:18px 0; <--remove this
The scroll problem is most likely the js in smooth gallery or you hover social media thing, you can over ride it by adding some js code or altering the problematic plug-in.
Utkarsh Kukreti answers:
For #1
#access .menu-header ul, div.menu ul {
margin: 0;
padding-top: 10px;
}
Cosmin Popovici answers:
#1 - On line 392, in style.css,
- change <strong>padding: 0 10px;</strong> to <strong>padding: 10px;</strong>
- replace <strong>line-height: 38px;</strong> with <strong>height: 38px;</strong>
#2 - try re-installing the plugin (deleting all of its data)
idt answers:
I can't also replicate issue #2. Checked in IE7, Firefox and Chrome.
Also, I just want to point out that your subnav is not properly aligned(IE, Chrome,Firefox) and in IE7(and probably in IE8 too), your nav and sidebar is kind of messed up.
rilwis answers:
Yes, I see the problem on Chrome. I think it's caused by the plugin. When I view source code, I see that the plugin generates HTML code at the very bottom of the page. And it makes Chrome scroll to it (bottom) of page.
So I think a Javascript solution can be applied to fix.
Add this to footer.php:
<script type="text/javascript">
jQuery('body').scrollTop(0);
</script>