White space beneath header

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue May 07, 2013 6:02 pm
Reply with quote
Report this post
Hello

I have a large white space between my header image and the rest of my content.

I removed all my slides, I would like to disable that function but keep the header image.

Thanks

Matt
User avatar
Fresh Boarder

GK User
Tue May 07, 2013 8:14 pm
Reply with quote
Report this post
Can You provide a link to a working site?
User avatar
Moderator

GK User
Tue May 07, 2013 9:08 pm
Reply with quote
Report this post
sorry my mistake

www.mattthetrep.com
User avatar
Fresh Boarder

GK User
Tue May 07, 2013 10:08 pm
Reply with quote
Report this post
You are using Image Show GK4 module there.
Try to disable that module if You dont want to use its functionalities, and replace it with Custom HTML module, where You can put single image.
User avatar
Moderator

GK User
Thu Dec 26, 2013 4:09 am
Reply with quote
Report this post
Hello,

I would like to do this but the Custom HTML module does no sit on top of the background image, so the text will not overlay the background image. It defaults to the bottom of the header module position.

    Is there a css override that allows both to occupy the same module position?

    regards
    D


    Cyberek wrote:You are using Image Show GK4 module there.
    Try to disable that module if You dont want to use its functionalities, and replace it with Custom HTML module, where You can put single image.
    User avatar
    Gold Boarder

    GK User
    Fri Dec 27, 2013 1:01 pm
    Reply with quote
    Report this post
    To work with custom html module problem I would need to see it on a live site.
    I can help you with reducing spacing as it is right now, but please create a screenshot and mark exactly which space you would like to remove.
    User avatar
    Moderator

    GK User
    Thu Jan 02, 2014 12:09 am
    Reply with quote
    Report this post
    Hello,

    Here are 2 screen captures showing the Start up template J2.5 with too much white space between header and main content.

      I am using the News pro module for the text overlaying the background as a custom HTML will not easily overlay the image, but stacks it.

      The two screen captures show the desktop whitespace, and the more pronounced tablet whitesapce as well.
    Can you give me the CSS override code to reduc this please?

    Thanks
    regards
    D

    PS. I think the forum feature "Notify me when a reply is posted" is not working either :)

    Cyberek wrote:To work with custom html module problem I would need to see it on a live site.
    I can help you with reducing spacing as it is right now, but please create a screenshot and mark exactly which space you would like to remove.
    User avatar
    Gold Boarder

    GK User
    Thu Jan 02, 2014 11:59 am
    Reply with quote
    Report this post
    The problem is that you provided link to a different site and screenshot to another.
    If you are referring to problem on: unusualrisks (.) com (.) au
    please send me a PM with:
    1. URL to your website
    2. login and password of user with admin/super-admin privileges (please create one for me)
    3. link to this thread
    User avatar
    Moderator

    GK User
    Fri Jan 10, 2014 8:44 am
    Reply with quote
    Report this post
    Hello again,
    did you get the PM details for this?

    regards
    Drew
    User avatar
    Gold Boarder

    GK User
    Fri Jan 10, 2014 8:52 am
    Reply with quote
    Report this post
    I don't see pm from you on that subject. Coud you please send it again?
    User avatar
    Moderator

    GK User
    Sat Jan 11, 2014 5:04 am
    Reply with quote
    Report this post
    PM resent
    :)
    User avatar
    Gold Boarder

    GK User
    Sat Jan 11, 2014 1:12 pm
    Reply with quote
    Report this post
    Please edit: /templates/gk_startup/css/override.css and add at its end:
    Code: Select all
    #gkHeader.nobg {height: 760px}

    Remember to enable "CSS override" in template settings - advanced section.
    User avatar
    Moderator

    GK User
    Sun Jan 12, 2014 9:12 am
    Reply with quote
    Report this post
    Perfect ! All done.

    thanks for being helpful..

    Kind regards
    Drew
    User avatar
    Gold Boarder

    GK User
    Sun Jan 12, 2014 11:41 am
    Reply with quote
    Report this post
    I'm glad I could help :).
    User avatar
    Moderator

    GK User
    Mon Sep 15, 2014 12:12 am
    Reply with quote
    Report this post
    Hello,
    Im back aboutr the excess space.
    I have moved the site to Jooma 3+ and used the new J3 template from gavick.
    On a mobile devie, the 'white space' under the top position is exaggerated.
    (see attached pic).http://bit.ly/excess-space-on-mobile
    Any suggestions for an override for the mobile devices to remove the space?
    Kind regards
    Drew
    User avatar
    Gold Boarder

    GK User
    Mon Sep 15, 2014 8:19 pm
    Reply with quote
    Report this post
    Please add this code to override.css:
    Code: Select all
    @media (max-width: 930px){
        #gkHeader.nobg {
            height: 660px !important;
        }
    }
    @media (max-width: 580px){
        #gkHeader.nobg {
            height: 360px !important;
            min-height: 360px !important;
        }
    }
    User avatar
    Moderator

    GK User
    Mon Sep 15, 2014 11:18 pm
    Reply with quote
    Report this post
    Wow ! that's a perfect fix - you guy are good!
    Thanks so much for making me look good to the client ;) Tell the boss you should get a pay rise.
    kind regards
    Drew
    User avatar
    Gold Boarder

    GK User
    Tue Sep 16, 2014 3:36 pm
    Reply with quote
    Report this post
    Thanks for the kind words :).
    If you will have any other problems - you know where to look for us ;).
    User avatar
    Moderator


    cron
    Remember me
    Register New Account
    If you are old Gavick user, click HERE for steps to retrieve your account.