This topic contains 5 replies, has 2 voices, and was last updated by  Skandha 6 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #146477

    Wabbit
    Participant

    Hello, I have the Catch Responsive Pro theme and like it very much.
    Is there a way to reduce the gap between the page header and the slider, and also between the slider and the featured content sections?
    Also, is there a way to remove the “Search” widget from the page header? There is already a search widget in the menu bar.
    Thanks!

    #146504

    Skandha
    Participant

    @wabbit: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    To remove the search field

    #header-right-search {
        display:none;
    }

    To reduce gap between slider and featured content section

    #feature-slider {
    	padding-bottom:0;
    }

    To reduce gap page header and slider

    #masthead {
    	padding-bottom:0;
    }
    #site-branding {
    	padding-bottom:0;
    }

    Let me know if this works out.
    Kind Regards,
    Skandha

    #146539

    Wabbit
    Participant

    Hi Skandha,
    Thanks for helping with this! That definitely worked to get rid of the search field and to remove the gaps completely.
    But what should I put if I just want to reduce the gap to a thin line? I tried putting different numbers into the code, but it seemed to break the code.

    Also, just for others who might be interested in this one, I like to include comments to understand what I change, so I looked it up and to do that, you use /* and */ as in “/*remove search in header*/”

    If I wanted to put in a picture box where the search box used to be, how can I do that?

    Thanks!

    #146660

    Skandha
    Participant

    @wabbit: Please post in your site URL. You can use // for single-line comments and /*"comment"*/ for multi-line comments.

    To add a picture box where the search box used to be
    Go to => Appearance => Customize => Widgets => Header Right => Select Image Widget and Upload the image

    Let me know if this works out.
    Kind Regards,
    Skandha

    #146691

    Wabbit
    Participant

    Hi Skandha,
    Thank you, it is: https://seanpoage.com

    Following your instructions, I noted that it said:
    “This is the header right widget area. It typically appears on the right of the site title or logo. This widget area is not equipped to display any widget, and works best with a custom menu assigned as header right menu, a search form, social icons widget or possibly a text widget. ”

    However, the image widget seems to work fine. I used a 100×100 pixel image and it looks good, thanks!

    Also it seems to give a little padding to the space between the menu bar and the top header. Is this because of the image widget?
    Thanks again!

    #146694

    Skandha
    Participant

    @wabbit: Yes, the little padding is because of the image.

    Let me know if you have anymore issues.
    Kind Regards.
    Skandha

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Adjusting gaps at top of page and removing search box’ is closed to new replies.