Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 12, 2014 at 3:53 am #222518
    EMS4HIM

    Hey I’ve just re-purchased your theme to use again I like it so much!

    I’m trying to make the header look like this simple mockup I did in Photoshop: http://www.fellowshipdallastech.org/~eric/header_idea.jpg

    I’m trying to move the full-screen slider to be truly full-screen with the header over it, I would like to use a fixed header in this way so that at least the menu stays put on the screen as you scroll up.

    Thanks again for all the support!

    Eric

    • This topic was modified 10 years, 9 months ago by EMS4HIM.
    February 12, 2014 at 4:01 am #222521
    EMS4HIM

    Of course I dont want the font that I used in that image – just the grey transparent header background and the placement of the social icons and phone number.

    February 12, 2014 at 4:18 am #222527
    Josue

    Hey!

    This URL is returning a 404 error page.
    http://www.fellowshipdallastech.org/~eric/header_idea.jpg

    Regards,
    Josue

    February 12, 2014 at 4:22 am #222534
    EMS4HIM

    Sorry! http://www.fellowshipdallastech.org/header_idea.jpg

    February 12, 2014 at 4:39 am #222547
    Josue

    Hey!

    Start with this:

    .header_bg {
    background: rgba(255,255,255,0.5) !important;
}
#header_meta{
    background: transparent !important;
}
.avia-menu a{
    color: white !important;
}
.main_menu, .main_menu * {
    background: transparent !important;
}
#header *{
    border: 0 !important;
}
.home #main {
    margin-top: -156px;
}

    Regards,
    Josue

    February 12, 2014 at 4:46 am #222552
    EMS4HIM

    Thanks – have a look at the site – I partially did the changes…

    (I’m having the logo re-done obviously :) ha)

    How can I put the menu below the logo. and the phone number and social media icons on the same line as the logo – but centered and right-justified?

    Thanks!

    February 12, 2014 at 4:47 am #222554
    EMS4HIM
    This reply has been marked as private.
    February 12, 2014 at 4:49 am #222557
    Josue

    Hey!

    You’d need to stick with the header type with bottom navigation.

    Best regards,
    Josue

    February 12, 2014 at 4:53 am #222562
    EMS4HIM

    I put it back to that – and now its not transparent – and the image isn’t going behind it…

    Thanks

    February 12, 2014 at 5:02 am #222568
    Josue

    Hi!

    Did you apply this code to the Quick CSS?

    .header_bg {
    background: rgba(255,255,255,0.5) !important;
}
#header_meta{
    background: transparent !important;
}
.avia-menu a{
    color: white !important;
}
.main_menu, .main_menu * {
    background: transparent !important;
}
#header *{
    border: 0 !important;
}
.home #main {
    margin-top: -156px !important;
}

    I don’t see it here:
    http://www.schellstudios.com/malmstromwhite.com/wp-content/uploads/dynamic_avia/enfold.css?ver=1

    Cheers!
    Josue

    February 12, 2014 at 5:04 am #222569
    EMS4HIM

    Of course :) This is what’s in my Quick CSS now:

    div .logo { left: 42%; }
    .main_menu { left: 30%; top; }

    .header_bg {
    background: rgba(204,204,204,0.5) !important;
    }
    #header_meta{
    background: transparent !important;
    }
    .avia-menu a{
    color: white !important;
    }
    .main_menu, .main_menu * {
    background: transparent !important;
    }
    #header *{
    border: 0 !important;
    }
    .home #main {
    margin-top: -156px !important;
    }

    February 12, 2014 at 5:06 am #222571
    Josue

    Hey!

    Well, for some reason it’s not saving it. Try putting it directly in css/custom.css

    Best regards,
    Josue

    February 12, 2014 at 5:14 am #222574
    EMS4HIM

    Ok I added it – still not taking it…

    February 12, 2014 at 8:33 am #222588
    Josue

    The code should be here:
    http://www.schellstudios.com/malmstromwhite.com/wp-content/themes/enfold/css/custom.css?ver=1

    Regards,
    Josue

    February 13, 2014 at 4:49 am #223175
    EMS4HIM

    So I figured out that its not working properly in Firefox – it is working (kindove) in Chrome. In Chrome – it still shows way too much of the footer section and in Firefox, its not transparent and the image isnt at the top most left starting spot.

    The phone number spot is still above the logo – can the phone number be on the same line as the social media icons.

    Will this work with a fixed header?

    February 13, 2014 at 5:04 am #223183
    Josue

    It can, but i don’t see it any number displaying.

    Regarding the fixed header question, i don’t think if that’s possible because the header type you are using is not fixed by default.

    Cheers!
    Josue

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.