reduce space between header logo and logo on front page

Hi,

See this screenshot of your homepage: https://cloudup.com/c14dftTcli8

The purple area represent “padding”. In the code you can see that there’s a padding-top value of 224 pixels. This is what you’ll want to override to reduce the space (padding).

padding-top: 224px;

Though this will depend entirely on how your theme is adding the padding. It’s an “inline” style so can’t easily be overridden with basic CSS since inline style take priority. My guess is that it’s either hardcoded directly into your theme, or added via JavaScript through a plugin or piece of code your theme uses to add the parallax functionality.

Does your theme provide any options? perhaps there’s a setting you can configure to reduce this space.

You can try this CSS but if your theme is controlling the padding via JavaScript it’s not going to work:

#parallax_header {
    padding-top: 130px !important;
}

Add that to the very bottom of your theme’s style.css file.

Hi thanks for the help. I tired to put the code in custom css – nothing happened – I tried it in snippet and nothing happened. Do I have to open up theme’s style.css file in the folders ?

As mentioned above it sounds like the padding is being calculated via JavaScript and inserted into the HTML source using an inline CSS style. This makes it very difficult to override. You’ll need to work out where in your theme the padding is coming from before you can attempt to adjust it. If you have a simple code editor you can search on the entire theme folder for the word “padding” and it will show you all the instances where this is happening. I’d also advise contacting your theme’s developer for assistance as they will know how the padding is being added.