Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 9, 2015 at 10:42 pm #532933
    mdmllc

    On the homepage of our client, we added buttons into the PHP files. Everything works great except the buttons aren’t… clickable. Could I have some guidance on how to achieve right justified buttons in the header that are clickable?

    November 10, 2015 at 2:47 pm #533280
    Rikard

    Hi mdmllc,

    Not sure what you’ve done there but it’s probably a z-index issue. You could try adding the buttons to a widget in the header instead: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Thanks,
    Rikard

    November 10, 2015 at 4:39 pm #533411
    mdmllc

    Awesome! That’s an improvement. Is there any way to limit the space in the header, specifically top padding?

    November 10, 2015 at 4:42 pm #533419
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .buttonheader {
    margin-top: 0;
}
#header .widget {
    padding-top: 0;
}

    Cheers!
    Yigit

    November 11, 2015 at 5:34 pm #534243
    mdmllc

    Works great!! Thanks so much!

    I had another issue occur, however…. Client requested a 2nd widget – a centered tagline – in the header. I had no problems doing that and creating it… I specifically set a media query on mobile to HIDE the 2nd widget since it was pretty much useless… However, now the background stops halfway across the normal logo. Can you please give me guidance on how to fix this issue? Thanks! Attached is a screenshot

    November 11, 2015 at 5:44 pm #534255
    mdmllc

    Sorry to double reply! I’d like to also decrease the bottom space underneath the logo and above the navigation.

    November 12, 2015 at 6:11 pm #534947
    Andy

    Hi!

    to increase space use this code in Quick CSS field:

    div#header_main_alternate {
margin-top: 20px;
}

    and adjust as needed.

    Regards,
    Andy

    November 12, 2015 at 6:26 pm #534970
    mdmllc

    That doesn’t seem to work. :( The mobile menu and the logo are both overlapping onto the top of the slider on mobile still…

    November 16, 2015 at 6:21 pm #536760
    Andy

    Hi!

    try to add an !important:

    div#header_main_alternate {
margin-top: 20px !important;
}

    Clear browser cache and hard refresh a few times.

    Cheers!
    Andy

    November 16, 2015 at 6:28 pm #536766
    mdmllc

    Nope. :( The logo and the touch menu on mobiles are still overlapping down onto the slider. Would you like access to the website to troubleshoot?

    November 18, 2015 at 4:54 pm #538303
    Andy

    Hey!

    yes please, post login details here as private reply.

    Cheers!
    Andy

    November 18, 2015 at 4:58 pm #538313
    mdmllc

    Thanks so much! I appreciate the help!

    November 18, 2015 at 5:34 pm #538366
    Andy

    Hey!

    use this code in Quick CSS field: 

    @media only screen and (max-width: 767px) {
a#advanced_menu_toggle {
top: -32px;
right: -15px;
}
.responsive #top .logo {
position: relative;
top: -28px !important;
}}

    Cheers!
    Andy

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