Remove breadcrumb

Hi,

How to remove breadcrumb just under the main menu and have no margin between the menu and the mainbody. See the picture attached. Thanks.

Hi
Can you give us url to your site?

Sorry, I can't because it's an Intranet website

Hi,

Open templates/gk_twn2/css/override.css and paste the following code:

Code: Select all

/* Hide the breadcrumbs position */
#gkBottomMenu {
    background: none;
    border-bottom: 0px;
    border-radius: 0;
    height: 0px;
    position: relative;
}


That should do the trick!

Cheers

Sorry I rephrase my request. I would completely remove the breadcrumb from the mainbody and leave visible the breadcrumb that is just below the menu. On this breadcrumb (below the main menu) I want the path of pages displayed without that I need to make a hover above so that they appear and would also remove the edges rounded.

no response to my question

I am looking for the same solution but looks like no help here.

Hi

Please try to add this code to css:

Code: Select all

#gkBottomMenu {
    display: none;
}

#gkMenuWrap {
    margin-bottom: 0;
}


Hi

Please try to add this code to css:

Code: Select all

#gkBottomMenu {
    display: none;
}

#gkMenuWrap {
    margin-bottom: 0;
}


teitbite,

This works great if you want to remove breadcrumbs under the menu completely, but we need to have that breadcrumb there just instead of showing it on mouse over we need it to show path all the time not just to show it when you put your mouse over it.

Do you have solution to this?
Thanks!

Hi

Unfortunately I do not understand, becuase it's not logical to have something like this visible on mouse hover, so I believe someting has interfered with this. I need to see it live to help. Can You provide a link to this ?

Hello teitbite,

Even demo page got this like this. You have to put your mouse on little house to show breadcrumbs location see attached image. I want to remove all those links from that menu a leave breadcrumbs visible there all the time not just when you put your mouse on that little house?

Backup your files first and see attached images so you can see how this looks.
Disable modules in topmodule2 position

Try changing your template.css as below
From:

Code: Select all

/* breadcrumbs at top */
#gkBreadcrumb { position: absolute; top: 4px; left:11px; width: 21px; height: 21px; background: transparent url('../images/breadcrumbs_icon.png') no-repeat left top; cursor: pointer; z-index:1; overflow: hidden; }
#gkBreadcrumb .breadcrumbs { background: transparent url('../images/breadcrumbs_icon.png') no-repeat left -21px; margin-left: -9999px; width: auto; float: left; opacity: 0; font-size: 11px; }
#gkBreadcrumb .breadcrumbs li.separator { display: block; float: left; width: 4px; margin: 0 10px; height: 21px; background: transparent url('../images/separator_white.png') no-repeat left 9px; text-indent:-999em; }
#gkBreadcrumb .breadcrumbs li a { color: #666; }
#gkBreadcrumb .breadcrumbs li.pathway { color: #cb260a; }
#gkBreadcrumb .breadcrumbs li a:hover { color: #000; }
#gkBreadcrumb .breadcrumbs > ul { margin-left: 21px; background: transparent url('../images/breadcrumbs_icon.png') no-repeat right bottom; height: 21px; line-height: 21px; padding: 0 15px 0 8px; }
#gkBreadcrumb .breadcrumbs > ul > li { float: left; width: auto; clear: none; line-height: 21px; }
#gkBreadcrumb:hover { width: 80%; }
#gkBreadcrumb .breadcrumbs { -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
#gkBreadcrumb:hover .breadcrumbs { margin-left: 0; opacity: 1; }
#gkBreadcrumb:hover + #gkTopMenu2 { opacity: 0; filter: alpha(opacity=0); }
/* standard breadcrumb */


To

Code: Select all

/* breadcrumbs at top */
#gkBreadcrumb  { position: absolute; top: 4px; left:11px; width: auto; height: 21px; background: transparent url('../images/breadcrumbs_icon.png') no-repeat left top; cursor: pointer; z-index:1; overflow: hidden;  }
#gkBreadcrumb  > div { height: 32px; border-bottom: 1px solid #f0f0f0; padding: 0px 12px 0; }
#gkBreadcrumb  .breadcrumbs { background: transparent url('../images/breadcrumbs_icon.png') no-repeat left -21px; font-size: 11px; }
#gkBreadcrumb  .breadcrumbs li.separator { display: block; float: left; width: 4px; margin: 0 10px; height: 21px; background: transparent url('../images/separator_white.png') no-repeat left 12px; text-indent:-999em; }
#gkBreadcrumb  .breadcrumbs li a { color: #666; }
#gkBreadcrumb  .breadcrumbs li.pathway { color: #cb260a; }
#gkBreadcrumb  .breadcrumbs li a:hover { color: #000; }
#gkBreadcrumb  .breadcrumbs > ul { margin-left: 5px; background: transparent url('../images/breadcrumbs_icon.png') no-repeat right bottom; height: 21px; line-height: 21px; padding: 0 15px 0 8px; }
#gkBreadcrumb  .breadcrumbs > ul > li { float: left; width: auto; clear: none; line-height: 21px; }
/* standard breadcrumb */


Hi

Ok. I see what You are talking about. Please tell me if what normanUK suggested is working. If not I will give You a code to prevent this.

Thanks that work. Just another question. How to remove the border around the breadcrumb (rounded corner). I want to have only the breadcrumb with the house icon.

Thank you very much.

Hi

Something like that ?

Code: Select all

#gkBottomMenu {
    background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
}