Reducing space between masthead and menu

bigbroso

Hi, please I need info on 2 things:
I would like to reduce the space between the search extension ( SJ search pro ) and the menu tab
Is it possible to place the search extension on top the menu, all methods I tried did not work

saguaros

Hi bigbroso

It due to the padding of that extension, you can override by this custom css:

.sj-search-pro-wrapper .search.input-group {
    padding-top: 10px; /*change to your desired value*/
}

add to this file: /templates/ja_brickstore/css/custom.css (Create this file if it doesn't exist)

bigbroso

Saguaros, thanks for this but I have tried it and it did not work

Ninja

bigbroso
Hi
Kindly add the code in custom.css file : http://prntscr.com/10s1tmx
It will work as expected, you can set the value to 0px if you want to reduce more space.
Clear Joomla and browser cache to see the changes.

Regards

bigbroso

Hi Pankaj, have tried this but it still does not work even after clearing the caches

Ninja

bigbroso
Hi
The code has been working and space is reduced
Before : http://prntscr.com/10t0wom
Now : http://prntscr.com/10t0vnh
There is no padding from the search now, you can check again.