Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #18902

    Hi,

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

    Many thanks,

    Nick

    #101314

    Hey!

    Add following code to css/custom.cs or the quick css field:

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

    Best regards,

    Peter

    #101315

    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.

    #101316

    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.

    #101317

    Hi,

    You can add this on your custom.css

    #header .container {
    border-bottom: 1px solid;
    }

    Regards,

    Ismael

    #101318

    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?

    #101319

    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

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Remove Horizontal Rule under logo’ is closed to new replies.