ThemeShaper Forums » Thematic


Thematic Gallery theme: Drop down menu error in Safari

(15 posts)
  • Started 12 years ago by NativePaul
  • Latest reply from david.avi
  • This topic is resolved
  1. I'm using Chris Wallace's Gallery child theme for Thematic and noticed a weird bug in Safari (although Firefox and IE were fine).

    If the mouse pointer is over the category menu when the page loads then the layout goes a bit haywire. I think the problem is caused by my long descriptions for subcategories:

    I found that changing the following CSS code fixed the problem:

    #category-menu ul{
      padding: auto

    I changed auto to 0 and it now works.

    The whole page gets thrown out a bit while it's loading but it eventually settles. My server is really slow, so it's a pain to watch the site load weirdly before sorting itself out.

    Posted 12 years ago #
  2. Hi,

    try WP CSS. This will copy all CSS files into one file. This might help solving this load time problem.

    In addition I have some optimizations for the CSS files and the jQuery things on my to-do-list for one of the next versins of Thematic.


    Posted 12 years ago #
  3. Hi Chris

    Thanks for the WP CSS tip.
    It seems to speed the site up a bit. Thank you.

    Posted 12 years ago #
  4. been

    I'm having the same problem with the drop down menu on page load. Does anyone know a fix?

    Moved from other thread:

    Hi, I'm having a problem with the drop down menu when I load any page on my site.

    When a page is loaded the drop down menu links show as messed up text below the nav bar for a short period of time before the page fully loads. Once the page is fully loaded the drop down menus are fine, with the child pages hidden until a user hovers over the parent page.

    Is there a way to hide the drop down menus until they have fully loaded?

    If anyone has any suggestions or if anyone's had any experience of a similar drop down menu loading error, then I would appreciate your advice. Thanks.

    Posted 11 years ago #
  5. Hi been,

    Have you tried the solution listed here by using WP CSS plugin?


    Posted 11 years ago #
  6. been

    Yes, I've tried that but it hasn't made a difference for me. Is there any way to hide the drop down menus until the page has fully loaded?


    Posted 11 years ago #
  7. Hi been,

    I've deleted the other thread and moved your more detailed problem description to your first post in this thread.

    Posted 11 years ago #
  8. It's the combination of your stylesheet and the superfish javascript that is providing the code that hides the dropdowns in the navigation. It could be that there your site/hosting is choking on too many http requests and the source code is loading before the stylesheets and/or scripts are finished.

    Here are some basic suggestions:
    1. Have you tried clearing your browser cache and then reloading the page using the plugin listed above.
    2. Can you provide a link to the site with the problem here. It'd be easier to diagnose/help you with a working example of the site.
    3. Have you tried deactivating plugins one by one and seeing if that helps.


    Posted 11 years ago #
  9. been

    Hi Gene,

    Thank you for your help. I've found that when I deactivate contact form 7, the drop down menu loads fine on all browsers on Windows and Mac apart from internet explorer. I'm testing it on ie8 at the moment. Could there any reason why it's just ie that's doing this?

    Posted 11 years ago #
  10. been

    When a page loads, the link text displays below the nav bar until the page if fully loaded. The text is not linked however until it appears in the drop down menu. Is it possible to hide the text that displays through css?

    Posted 11 years ago #
  11. Can you provide a link?

    Posted 11 years ago #
  12. Robo

    I wonder if i have a similar problem. Contact Form 7 not working on Firefox?! Still waiting for the error message...

    Posted 11 years ago #
  13. Hey, I was working on a site yesterday and had an update for Thematic come through. I updated and when I went back to check my website, I noticed that the thumbnails in the blog section for the Gallery theme were all off. Instead of the rows and columns (about 5 or 6 to row) it is now one giant unaligned column.

    I'm not really sure how to go about fixing this problem. Here is the website link so you can see what I'm talking about.

    Posted 11 years ago #
  14. It's been discussed here:

    adding the constants to restore thematic dynamic classes resolves the thumbnail issue.

    Also Chris Wallace over at up themes has rolled out an update to Gallery that addresses this:

    Posted 11 years ago #
  15. david.avi

    Hi All,

    I know it has been sometime since this posting but I am currently having the same issues. Im using WP custom menus and everytime i click on a category while its loading it goes haywire. I have attempted the css change to 0 as mentioned above as well as the implemention of WP CSS but to no avail.

    I would love to post a link but the site is currently local. It seems to work fine without the WP menu (gallery default) but it does not give the flexibility I need.

    All help is appreciated!

    Here is any relevant CSS:

    #access {
    width: 1000px;
    height: 48px;
    margin-top: 10px;
    clear: both;
    background: url("images/avi-design-signs-menu.png") no-repeat top left;
    #category-menu ul{
    padding: 0
    #category-menu li{
    float: left;
    height: 48px
    #category-menu li a, span{
    display: block;
    font-size: .8em;
    font-weight: bold;
    height: 28px;
    padding: 8px;
    margin-right: 8px;
    color: white;
    text-decoration: none
    #category-menu li.home a{
    display: block;
    text-indent: -9000px;
    overflow: hidden;
    text-align: left;
    width: 24px;
    background: url("images/ico-home-trans.png") no-repeat;
    background-position: center 15px;
    padding-bottom: 0;
    margin-left: 10px;
    #category-menu li.home a:hover{
    background: url("images/ico-home-trans.png") no-repeat center -16px;

    #category-menu li.current_page_item a{
    color: #FF1493;
    #category-menu > li:first-child{
    margin-left: 10px;

    #category-menu li a:hover{
    color: #00FF00;
    float: right;
    #category-menu span{
    color: #eee;
    font-weight: normal;
    position: absolute;
    bottom: 320px;
    right: 10px;
    margin: 0;
    width: 500px;
    font-size: .8em;
    color: #888;
    z-index: 100;

    Posted 10 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.