Return to previous page

Reduce header height and Search doesn't work

This topic has 6 replies, 3 voices, and was last updated 8 years, 3 months ago ago by Robert Hall

ryoeun0

Participant

August 17, 2016 at 14:59

What is the css code to reduce the height of the header? There is too much white space TOP and BOTTOM of the header and I would like to reduce it a lot. Also, clicking on the search icon does not do anything. Whats a solution to fixing it? Thank you!

Please, contact administrator
for this information.

#136974 Copied Theme version: classico WooCommerce version: latetst

5 Answers
Jack Richardson

Support staff

August 17, 2016 at 17:15
Hello,

Add this code in Global Custom CSS:
```
.header-type-5 .header .navbar {
    padding: 0px 0;
}
html {
    margin-top: 2px !important;
}
```
Please specify after what changes search icon has stopped working.

Best regards,
Jack Richardson.
#137000 Copied
ryoeun0

Participant

August 17, 2016 at 19:59

When you click on the search icon, it literally does not do anything. It does not offer a input field for you to type in what you want to search. If you click it the page url changes to https://www.autumnevematernity.com/#searchModal and nothing happens? How Do you search for say example “dress”? please visit the website autumnevematernity.com and press on the search near on the top right corner next to the shopping bag. It looks like a magnifying glass.

Please, contact administrator
for this information.

#137018 Copied Theme version: classico WooCommerce version: latest

Robert Hall

Support staff

August 18, 2016 at 08:12

Hello,

The issue was fixed.

Also please update the theme to the latest version.
Before update delete “woocommerce” folder in the directory wp-content/themes/classico/ and it’ll be reuploaded from a new theme package.

Don’t forget to make backup of the site before update.

Also you have not set the google map API and you got the following error in console log. See screenshot: http://prntscr.com/c76ijn

You can do it in Dashboard->Ultimate->Google Maps.

Here is video tutorial how to update theme.
https://www.youtube.com/watch?v=KdWESIIPU1k
(it’s for Legenda theme but the process is the same).

Regards,
Robert Hall

#137048 Copied

ryoeun0

Participant

August 18, 2016 at 23:04

For the header, it works to reduce the height from the top but how do i reduce it also from the bottom of the navigation? It is kind of off centered. There’s too much space bottom but its good at the top.

#137129 Copied
Robert Hall

Support staff

August 19, 2016 at 07:44
Hello,

Add this code in Global Custom CSS.
```
.home .breadcrumbs-type-9 .content-page{
    padding-top: 0px !important;
}
```
Regards,
Robert Hall
#137143 Copied
Viewing 6 results - 1 through 6 (of 6 total)