navigation bar vertical lines and removal of home option « Support Forum | Kriesi.at

Support Forum » CleanCut

navigation bar vertical lines and removal of home option

4 posts from 2 voices

Started 1 year ago by Advancedpeptides
Latest reply from Chris Beard
This topic is resolved

Tags:

Advancedpeptides
Member

Hi,
I'm currently in the process of porting over my website to the cleancut theme, and I had 2 issues during customizing my style.css sheet.

Currently, I moved the navigation bar and arrow lower to accommodate a larger logo, but there is a vertical line that runs up the right side of the menu. How do I adjust that setting? I don't see where it is in the style sheet.

You can currently see the issue at our transitional site: http://www.bostonbiomolecules.com/wordpress/

Also, I was wondering if it would be possible to remove the "home" option from the navigation menu. I would like to keep the actual page as the splash page for the site, but want people to use the logo to go back to it, rather than having a dedicated home button on the navigation.

Thank you for any help you can offer,

-Amrit

Posted 1 year ago #
Advancedpeptides
Member

I figured out the solution to the home issue, but would still appreciate if anyone know how to deal with the vertical line

Posted 1 year ago #
Advancedpeptides
Member

Hi Guys, I wanted to update this post about how to incorporating a full size banner into the cleancut theme. there are different ways to get the effect, but the first 2 methods I tried had unintended consequences in terms of not working with other design elements of the theme. What I found to work best was modifying and updating the following:

#top .logo, .logo a{
display:block;
height:135px;
width:910px;
position:relative;
left:0px;
top:0px;
border: none;
padding: 0;
margin:0;
}

#top .nav{
height:30px;
line-height:30px;
padding-left:13px;
position:reltive;
z-index:100;
top:inherit;
right:13px;
Float:right;
}

/*background pointer*/
/* Represents the background of the highlighted menu-item. */
#top .nav li.back {
width: 9px; height: 30px;
z-index: 8;
position: absolute;
top:5px !important;
top:144px; /*ie6fix*/
}

In the logo section update the logo dimensions and you can adjust it's spacing from the left side.

In the navigation section, change the position from absolute to relative.

and lastly adjust the size of the border top position to fix onto the line.

Posted 1 year ago #
Chris Beard

Hi,

still looking for the vertical line at the right side of the meny? In style1.css you'll find that the .nav class has a background image applied.
url("../images/skin1/border_vertical.png")
You can remove this (only from .nav) and it should be fine.

You can also (as an alternative) add the following to the bottom of your css file:
.nav{background-image:none !important;}

Posted 1 year ago #