Support » Theme: Travelify » Remove White Space above Header Image?????

  • Resolved slenells


    Is there any way to get rid of the white space directly above the header image. I believe it is the space where the site title would go if you had one. I do not have a site title, and it is taking up unnecessary space.
    What is the best way to go about removing this header blank space?

Viewing 13 replies - 1 through 13 (of 13 total)
  • Theme Author Silkalns


    Just move header image up a bit to the results you were looking for.

    .header-image {
    	margin-top: -50px;

    For other support related questions you might look into Travelify support forum:

    Hi – I’ve tried this every way I can think of (direct in the style.css by ftp, using the appearnces editor and the ciustom CSS in the theme options) and it just doesn’t seem to work. I admit I’m new to this but it’s really proviing to be quite frustrating. Love the Travelify theme otherwise but that white space is bugging me….

    Theme Author Silkalns


    Could you please post your website URL? It would be very helpful.

    Sure –
    thanks in advance

    Theme Author Silkalns


    Just to reduce white space you can try adding this:

    .hgroup-wrap {
    	padding-top: 0;
    	padding-bottom: 0;

    However there will still be some blank space it you want to get rid of it as well, then add this line of code.

    #main-nav {
    	margin-top: -38px;

    These lines can be added to Theme Options – Other – Custom CSS or inside style.css of Child Theme if you use one.

    Many thanks

    Hi Silkalns – sorry to bother you again.
    Nearly there with the theme and getting to grips with formatting but I’m just struggling a bit with the header.
    I’ve managed to add a phone number to the social icons group top-right which is great but is their some way that I could make it so that mobile users could click (tap) on it and start a call. I’ve used a plug-in called link-obfuscate to do this in the body but here it doesn’t work.
    Also, when displayed on a mobile phone in portrait mode the phone shows first pushing the icon and all down the screen.
    And finally – is there some way to add a central section to that header – to put a strapline up there?
    here’s my url
    Finally – I’m really very happy with the theme and your support and would like to make a contribution – could you remind me how to do that please

    Theme Author Silkalns


    You don’t need any plugin to make your tel auto dial. Just style your code like this

    <a href="tel:+441223328721" class="contact-tel">+44 1223 328721</a>

    Thanks again Silkans – I’ve got another question or two but please could you let me know where I can make a contribution

    Theme Author Silkalns


    The best option to ask support related questions is on our support forum:

    If you would like to donate to support this project my PayPal ID is a.silkalns[at]

    Thanks in advance!

    That’s done!
    I’ve got one main outstanding query. I need a strapline / title in the header
    Is it possible to add a title in the central part of the header (a .hgroup-centre perhaps) where we could add a main header eg ‘Independent touring in Spain’ and a sub eg ‘Discover a different side of Spain’?
    To complicate a little more we would ideally like these to be responsive (actually best if they were to disappear on mobile devices, as do the social icons) and of course we’d like the main header to have titel attributes for SEO purposes…
    Too much to ask???
    Here again the url
    Thanks in advance

    Hi Silkalns – have you had any thoughts on my strapline problem? (see above) is it just impossible?



    Hi. I just started working with this template and I was able to get rid of the white space above my header image but now the menu is cutting into the image. I have the header image the correct size. What do I need to change? Here is the site.


Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Remove White Space above Header Image?????’ is closed to new replies.