Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #293337

    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

    #293342

    Hey Chris!

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

    Cheers!
    Yigit

    #293347
    This reply has been marked as private.
    #293535

    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

    #293568

    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

    #293838

    Hey!

    Please add following code to Quick CSS instead

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

    Cheers!
    Yigit

    #294236

    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)

    #294334

    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

    #294386

    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 :)

    #294389

    Hi Chris!

    Have you tried #socket? :)

    Cheers!
    Yigit

    #294819

    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

    #294834

    Hi!

    Glad we could help you. Enjoy the theme.

    Cheers!
    Günter

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.