Header Style Modify

1.How can I change the height of the header ( header style 9).

2.And then remove the blue bar on the top of the header.

3.Then add a thin color bar under selected button or hover button like Newspaper theme’s header.

4. https://www.designworld.se .This site’s header does not move when pull on the website down (using safari Iphone), how can I do it

Thank you

• This topic was modified 10 years by trigrafik.

Hi

1. Use this css in theme panel > custom code > custom css and modify height’s value as you need:

.td-header-style-9{
height: 300px;
}

2. Use this css:

.td-header-border:before{
height: 0px;
}

3. use this css and change the border color as you want: http://screencast.com/t/xFpOGbGwhdT

.sf-menu .td-menu-item > a:hover{
border-bottom: 2px solid red;
}

4. On this site you’re not using our theme: http://screencast.com/t/FjiBvqvaRe so I can’t help, sorry.

Thanks!

Hello.
for question #4, I found this website from your Newsmag Showcase page: http://tagdiv.com/newsmag-showcase/.
can you check again because I really like the way they stick the header into the top of browser, so when you pull the web page all the way down, the header still stick with the address bar of the browser.

Hi

The indicated site does not use our theme at the moment. Newsmag also have a sticky menu option, you can find it in theme panel > header > main menu: http://screencast.com/t/IMZfWbhjSR

Thanks!