Return to previous page

Header Bar at top smaller and search bar in header

This topic has 14 replies, 4 voices, and was last updated 9 years, 3 months ago ago by TheMissingLink1

witchcraftz

Participant

July 15, 2015 at 22:40

Hello,

I love the theme, I am just trying to customize it a bit and was wondering if you are going to offer a search bar option in the header instead of the magnifying glass icon?

Also I am wondering about the amount of blank space in the header? I’ve tried various options but the header bar is much too big. Where should I go to make it smaller?

Thank you!

Please, contact administrator
for this information.

#75459 Copied Theme version: woopress

13 Answers
Eva Kemp

Support staff

July 16, 2015 at 09:19
Hello,

To decrease header you can add this code in Theme Options > Custom CSS > Global Custom CSS:
```
.page-content {
    margin-top: 0px !important;
}
```
Concerning the search bar you can enable “Form on hover” for “Search view” in Theme Options > Header and search form will appear when you hover the icon. Please try it.

Regards,
Eva Kemp.
#75507 Copied
witchcraftz

Participant

July 18, 2015 at 04:41

Hello,

I will try the code to make the header smaller, thank you.

I have tried using the “form on hover” but what I am looking for is a static search bar which never goes away and doesn’t need to be hovered over to appear.

Example image

http://www.fileconvoy.com/dfl.php?id=g1a81c3df09c902f299969324350d4e43981a340cf

#75809 Copied

witchcraftz

Participant

July 18, 2015 at 05:19

I need to make the header even smaller, it’s still too big. Too much blank space around the icons, text etc.

Thank you

#75811 Copied

witchcraftz

Participant

July 18, 2015 at 18:47

You very own legenda theme has a header which is almost perfect in layout to what I want.

https://www.8theme.com/demo/legenda/games/?et_styles=1-0-1-0-7-0-13-0-12

can you provide code to make the woopress theme header in the same layout? With the smae kind of search bar?

I’ll even buy the other theme if I have to.

#75871 Copied

Elimy

Participant

July 19, 2015 at 16:03

Hello !

I have exactly the same question ! And I would also adapt it on mobile.
I open a new topic to talk about it !

Eli

#75886 Copied
Eva Kemp

Support staff

July 20, 2015 at 12:01
Hello @witchcraftz,

You showed demo page for Legenda theme, but you’re using Woopress theme.
Try to change header type in Theme Options > Header.
To make current header smaller try to use this code in custom.css:
```
.header-type-18 .navbar {
    padding: 10px 0px !important;
}
.header-type-18 .menu {
    padding: 0px 0px !important;
}
```
Regards,
Eva Kemp.
#75960 Copied
witchcraftz

Participant

July 21, 2015 at 04:48

Hello, I want to same search bar in Woopress like legenda theme.

Thank you,

#76117 Copied

Eva Kemp

Support staff

July 21, 2015 at 11:36

Hello @witchcraftz,

Please take our apologies but such form isn’t included in Woopress theme and it requires additional customization in the theme files. If you have necessary skills you may try to edit the code yourself.

Regards,
Eva Kemp.

#76182 Copied

witchcraftz

Participant

July 23, 2015 at 02:21

Ok, can you give me some pointers on where I should be changing the code? The header file is very different from any I’ve seen before.

#76598 Copied

Eva Kemp

Support staff

July 23, 2015 at 09:22

Hello @witchcraftz,

To change search form you need edit the file wp-content/themes/woopress/framework/theme-functions.php (find the section “! Search form ” in line 1133). We recommend to make all changes in a child theme http://codex.wordpress.org/Child_Themes not to lose modifications after theme update.

Regards,
Eva Kemp.

#76654 Copied

TheMissingLink1

Participant

July 30, 2015 at 17:36

I would also like the static search bar added into the header for the Woopress theme. Any update on this????

#77910 Copied

Eva Kemp

Support staff

July 31, 2015 at 11:00

Hello @TheMissingLink1,

There is no option for static search form in the theme, you need edit the file wp-content/themes/woopress/framework/theme-functions.php as described in the previous post.

Regards,
Eva Kemp.

#77975 Copied

TheMissingLink1

Participant

August 4, 2015 at 17:14

witchcraftz and Elimy – Did you have any luck adding the search bar?? Guidance on this would be great.

#78518 Copied
Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘Header Bar at top smaller and search bar in header’' has been successfully resolved, and the topic is now closed for further responses

Header Bar at top smaller and search bar in header

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection