Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 19, 2014 at 1:29 pm #293337
    morecoffee

    Hi there :)

    I would like to ask if there’s a quick CSS workaround to achieve a small transparent gap of 10px between the header (logo area) <> menu and between menu <> content.

    Thx in advance and have a sunny weekend :)

    Cheers

    Chris

    July 19, 2014 at 1:40 pm #293342
    Yigit

    Hey Chris!

    Can you post the link to your website please? :)

    Cheers!
    Yigit

    July 19, 2014 at 1:56 pm #293347
    morecoffee
    This reply has been marked as private.
    July 20, 2014 at 7:12 am #293535
    Ismael

    Hey!

    Thank you for the link.

    Please set the logo and menu position to Logo Center, Menu below on Enfold > Header Layout panel. Add this on Quick CSS or custom.css:

    #header_main_alternate {
margin-top: 20px;
border-top: 1px solid #e1e1e1;
}

    Looks like you managed to center align the portfolio sort container.

    Regards,
    Ismael

    July 20, 2014 at 9:23 am #293568
    morecoffee

    Hi and thanks for the CSS :)

    Yes, I found the CSS entry for centering the portfolio categories.

    One last question: is it possible to make the “gap” transparent?

    Cheers :)

    Chris

    July 21, 2014 at 1:52 pm #293838
    Yigit

    Hey!

    Please add following code to Quick CSS instead

    div#header_main_alternate {
border-top: 20px solid #f7f7f7;
}

    Cheers!
    Yigit

    July 22, 2014 at 9:36 am #294236
    morecoffee

    Thx :)

    This worked. Since the “gap” overlaps in the upper area of the content section – especially when a background image is used in colored section to the top – I had to remove the CSS modification :( But I can use it on another website, so many thx for this :)

    I have another question regarding the arrow button to the lower right which appears when you scroll down the page:

    Is it possible to display this button also on the top to indicate that there is more content to the bottom? I know this sounds weired but the internet is full of users who think the mouse wheel is for finger tip massage and not for scrolling ;D

    Cheers

    Chris

    P.S.: I finished the test site with a few modifications by myself (padding, margin and box shadow for the portfolio grid)

    July 22, 2014 at 2:08 pm #294334
    Yigit

    Hi Chris!

    Please see – http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/
    You could add it to your main menu or secondary menu and adjust it using menu item ID. If you could post a screenshot and show how you would like to look, we can point you in that direction :)
    P.S.: Portfolio grid looks very nice!

    Cheers!
    Yigit

    July 22, 2014 at 3:31 pm #294386
    morecoffee

    Hi Yigit!

    Thx for your reply :) An anchor would be possible for example in the promo box I placed at the end of the page, “bottom” for example. Now the question: how can I blend in this arrow

    <a href="#top" title="Nach oben scrollen" id="scroll-top-link" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" class="avia_pop_class"><span class="avia_hidden_link_text">Nach oben scrollen</span></a>"

    at the top of the page to let users scroll down? The link would be opposite

    <a href="#bottom" title="Nach unten scrollen" id="???" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" class="avia_pop_class"><span class="avia_hidden_link_text">Nach unten scrollen</span></a>

    Thx and cheers :)

    July 22, 2014 at 3:35 pm #294389
    Yigit

    Hi Chris!

    Have you tried #socket? :)

    Cheers!
    Yigit

    July 23, 2014 at 9:10 am #294819
    morecoffee

    Hm… doesn’t work.

    I think that’s ok for the moment and we can call this thread finished / ready to close :)

    Thx again to you and Ismael for your awesome support :D

    Cheers

    Chris

    July 23, 2014 at 9:44 am #294834
    Günter

    Hi!

    Glad we could help you. Enjoy the theme.

    Cheers!
    Günter

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘CSS: possible gap between header (logo area) menu content?’ is closed to new replies.