You are not logged in.

Announcement

Forum database was corrupt and an old backup was restored as temporary replacement. Registrations closed until the database is recovered. Please ask questions using the Contact form

#1 20-03-2013 04:47:11

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Nav-Icons disappear if more than 5 items

Hi Thomas,

if you have more than 5 or so menu items in main navigation it wraps into a second line and the icons disappear.

Can you tell me, where to fix this?

If you intend to fix this someday in an update, that would be fine. I don't want to change too many files.

Just let me know :-)

This is what it looks like: http://creditident.de
This is how it should look like: http://creditident.de/v3

thanks
- Pie

Last edited by Pie (20-03-2013 04:49:32)

Offline

#2 20-03-2013 10:23:13

Emil
Moderator
From: in a shipyard
Registered: 15-03-2013
Posts: 106

Re: Nav-Icons disappear if more than 5 items

Checked your webpage source.

I think this is causing it in main.js:
/* Change menu if page is too small */
    if($("#headerWrapper").height()>$("#headerTitles").height()*1.3){       
        $("nav").find("img").hide();
    }else{
        $("nav").find("img").show();
    }
   
    /* Adapt wrapper to header height */
    $("#wrapper").css("padding-top",$("#headerWrapper").height())

You could comment the if{}else{} for tests

Possible extra steps: go to layout.css at #contentWrapper and change margin: 0px; , change padding: 2px 20px 70px 20px;

Last edited by Emil (20-03-2013 10:58:45)


Good advice is often confusing, but example is always clear.

Offline

#3 20-03-2013 13:06:16

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: Nav-Icons disappear if more than 5 items

Hi Emil,

thank you, the part in the main.js did the trick.
Could you give me some advise on how to get the menu left-aligned, when using second row?

regards
- Pie

Edited: Never mind... float:left DOH! big_smile

Last edited by Pie (21-03-2013 19:28:29)

Offline

Board footer

Powered by FluxBB