Remove Horizontal Rule under logo « Support Forum | Kriesi.at

Support Forum » Angular

Remove Horizontal Rule under logo

7 posts from 4 voices

Started 5 months ago by ridick6
Latest reply from Ismael
This topic is not a support question

Tags:

ridick6
Member

Hi,

How do I remove the Horizontal Rule located under the logo? See example here - http://www.skywake.com

Many thanks,

Nick

Posted 5 months ago #
Dude
Dude
Hey!

Add following code to css/custom.cs or the quick css field:
```
#header .container {
border: none !important;
}
```
Best regards,
Peter
Posted 5 months ago #
lando2319
Member

Dude,

Thank you for your contribution. I am working on the propulsion theme and have a few changes I would like to make.

Here is what I have so far http://sevenspoon.com/workaround-3-column/

I would like to remove from the header the following elements:
1. The other horizontal rule
2. The searchbar
3. The RSS Button.

I would like to remove these from the entire site leaving just the cart and the menu in the header. I have used the above code to remove one of the horizontal rule. After looking through the forums I have managed to add the following to my Quick CSS

#top .logo, .logo a{
display: none;
}

#header .container {
border: none !important;
}

Please let me know what additional code is needed to make the desired changes.

Posted 4 months ago #
lando2319
Member

UPDATE: This successfully removed the RSS icon

.rss {
display: none;
}

AND this to successfully remove the search bar

.title_container #searchform {
display: none;
}

Is there a CSS quick Snippet for removing the bottom horizontal line for propulsion theme?

Thank you for your time.

Posted 4 months ago #
Ismael
Moderator
Hi,

You can add this on your custom.css
```
#header .container {
border-bottom: 1px solid;
}
```
Regards,
Ismael
Posted 4 months ago #
lando2319
Member

This code works to remove the first horizontal rule which I had already successfully removed using:

#header .container {
border: none !important;
}

Looks like the second line is within a different container. Any Suggestions for removing that second horizontal rule?

Posted 4 months ago #
Ismael
Moderator
Hi lando2319,

I'm not sure if I'm referring to the right second line that you mean, if you check on the Angular demo site, is it the thick yellow line below the logo? if it is, kindly add this code:
```
.primary-background.seperator-addon.seperator-bottom {
   background: none !important;
}
```
Regards,
Ismael
Posted 4 months ago #