Header size

[cleast]

Hi I have 3 questions

1.

I want to make the navigation bar smaller. I want to change the height on this one

<header id=”jas-header” style=”height:85px”>

I want height to be 60 px

 

2.

I want to add a div in the header that will be there if a new update comes, how do I do this without messing with the father theme, so it works with new updates?

 

3.

Iam wondering how to remove the bar on the shop page (look image)

 

Best regards

[Harry]

Hi,

1. You can reduce height of header by add custom css code in JanStudio > Theme Option > General Layout > Custom CSS

.jas-menu > li > a { line-height: 60px;}

.jas-branding { padding: 12px 0 13px; }

2. If you use gecko-child you can add a div in header layout you’re using without lose when update parent theme

3. You can remove bar by add custom css code

.result-count-order {  display: none; }

Best regards

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[cleast]

Thanks for the answers but question number 1 doesn’t work. It doesn’t change the height on the header.

best regards

[Harry]

Hi,

I checked your site and saw header height now is 60px as you want https://monosnap.com/file/1vYIlfbqSkOdcpe8Ysh4HnmuMxj2JK#

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[cleast]

<header id=”jas-header” class=”header-3″ role=”banner” itemscope=”itemscope” itemtype=”http://schema.org/WPHeader&#8221; style=”height:78px”>

style is set dynamically or statically somehow.

I want the header to be 60 px when scrolling down and the header gets sticky.

Look at attached file if you can’t see image in post

Best regards

 

 

• This reply was modified 6 years, 11 months ago by cleast.

Attachments:

You must be logged in to view attached files.

[Harry]

Sorry i forgot check your site on normal screen, i only check your site on retina screen.

I saw you add custom css

.regular-logo { max-width:150%; } do you want display your logo bigger?

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts