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, 9 months ago ago by TheMissingLink1

  • Avatar: witchcraftz
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: witchcraftz
    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
    Avatar: witchcraftz
    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
    Avatar: witchcraftz
    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
    Avatar: Elimy
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: witchcraftz
    witchcraftz
    Participant
    July 21, 2015 at 04:48

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

    Thank you,

    #76117 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: witchcraftz
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: TheMissingLink1
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: TheMissingLink1
    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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.