Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #222518

    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, 1 month ago by EMS4HIM.
    #222521

    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.

    #222527

    Hey!

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

    Regards,
    Josue

    #222534
    #222547

    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

    #222552

    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!

    #222554
    This reply has been marked as private.
    #222557

    Hey!

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

    Best regards,
    Josue

    #222562

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

    Thanks

    #222568

    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

    #222569

    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;
    }

    #222571

    Hey!

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

    Best regards,
    Josue

    #222574

    Ok I added it – still not taking it…

    #222588
    #223175

    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?

    #223183

    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

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