Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 17, 2016 at 11:28 pm #599992
    dalboslampen

    Hi,
    once again I find myself falling back to Enfold. It´s simply the best, and most beautiful theme out there!

    I truly hope you are able to help me with some adjustments:

    1: Make the logo drop down, so the p letter drops down over the underlying layer slider. Se image: http://snag.gy/ERXat.jpg
    2: Apply a grey border at the lower part of header, fullwidth. Se image: http://snag.gy/ERXat.jpg
    3: Enlarge the menu font, and move the entire menu down towards the grey border. Se image: http://snag.gy/ERXat.jpg
    (All together I want to reduce the height of the header, when the logo drops down.)

    This is how it looks now: http://snag.gy/SiAFG.jpg

    This is the page where it all happens: http://piknikpikene.no

    March 18, 2016 at 7:26 am #600123
    Vinay

    Hi dalboslampen!

    Please add the following CSS in Quick CSS

    To move the logo bottom adjust the margin value to suit your design.

    .logo a {
    z-index: 999;
    margin-top: 16px;
}

    Apply border to header

    #header {
    border-bottom: 6px solid #666;
}

    Move the entire menu down

    .main_menu {
    margin-top: 65px!important;
  }
.avia-menu-text {
    font-size: 30px !important;
}

  .av-main-nav > li > ul {
    margin-top: -65px;
}
.header_color .avia-menu-fx {
    top: 112px;
    }

    Best regards,
    Vinay Kashyap

    • This reply was modified 8 years, 9 months ago by Vinay.
    March 19, 2016 at 6:58 pm #600726
    dalboslampen

    Hi,
    great!!
    Almost there. The green hover indicator does not move when shrinking header. This gives a odd result: http://snag.gy/8lNmX.jpg
    I need to either hide the green indicator, or make follow the relative position when header is shrinked.

    March 25, 2016 at 7:11 am #603574
    Ismael

    Hi!

    Did you fix the issue? We checked it but we can’t see the issue described in the screenshot.

    Cheers!
    Ismael

    March 29, 2016 at 2:49 pm #604572
    dalboslampen

    Hi
    no I didn’t fix it. Look at this page: http://piknikpikene.no
    The green line is displaced when scrolling.

    I would like the green line to stay underneath the menu link all the time. Not above, and then underneath like now..

    • This reply was modified 8 years, 9 months ago by dalboslampen.
    March 29, 2016 at 2:52 pm #604578
    Yigit

    Hey!

    Please change following code 

    .header_color .avia-menu-fx {
    top: 50px;
}

    to following one 

    .header_color .avia-menu-fx {
    top: 35%;
}

    Best regards,
    Yigit

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