Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • July 3, 2018 at 1:32 pm #980545
    whdsolutions

    I have done the following as you asked me to do in https://kriesi.at/support/topic/make-the-4-columns-overlap-the-advanced-layer-slider/#post-980231

    .home .template-page.content.av-content-full.alpha.units{
    position: relative;
    z-index: 9999999;
    margin-top: -100px;
    }

    However, when scrolling down, content ends up overlaying over the ope of the header!?!?!?!

    This is wrong, how can it be fixed??

    July 3, 2018 at 7:52 pm #980723
    Jordan Shannon

    Hey whdsolutions,

    Please add a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    July 3, 2018 at 8:34 pm #980746
    whdsolutions

    Home Page

    July 4, 2018 at 7:43 am #980959
    Rikard

    Hi,

    Thanks for the link. Please try this instead:

    .home .template-page.content.av-content-full.alpha.units{
position: relative;
z-index: 100;
margin-top: -100px;
}

    Best regards,
    Rikard

    July 4, 2018 at 9:51 am #981032
    whdsolutions

    Tried and it still does the same

    http://new-medi4-co-uk.stackstaging.com/wp-content/uploads/2018/07/Capture-1.jpg

    July 4, 2018 at 10:50 am #981067
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
#header {
    z-index: 99999999;
}

    Best regards,
    Yigit

    July 9, 2018 at 9:14 am #982962
    whdsolutions

    This now works, but has now caused another problem.

    We have a translation plugin on the site and the plugin is now hidden behind any home page content (see screen shot).

    July 9, 2018 at 5:19 pm #983231
    Basilis

    Hi,

    I am afraid you’ll need to contact the plugin author for more info about the issue. Making third-party plugins compatible with the theme is unfortunately beyond the support scope we offer. Sorry for that!

    Best regards,
    Basilis

    July 10, 2018 at 9:12 am #983542
    whdsolutions

    But because of the CSS edits your support team have asked me to implement, this is what has caused this issue.

    So in fact this is not the plugin at fault, bu the custom code you have supplied!

    July 10, 2018 at 6:45 pm #983771
    Victoria

    Hi whdsolutions,

    You might want to remove the code, it probably needs to be applied to a bit more specific selector or maybe css will not suffice.

    Best regards,
    Victoria

    July 25, 2018 at 10:17 am #989584
    whdsolutions

    Since the initial fix has been implemented, the WordPress Menu Bar and the plugin for translation now sits behind everything on the home page – see attached…

    Making the site a mess… How can these be made the most forefront elements?

    July 26, 2018 at 10:47 am #990169
    Victoria

    Hi whdsolutions,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    July 26, 2018 at 11:10 am #990181
    whdsolutions

    Of course

    July 27, 2018 at 1:46 pm #990700
    Victoria

    Hi whdsolutions,

    Credentials did not work for me. Could you please update the credentials?

    Best regards,
    Victoria

    July 27, 2018 at 2:12 pm #990713
    whdsolutions

    New paasword

    July 31, 2018 at 2:14 pm #991930
    Victoria

    Hi whdsolutions,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.admin-bar  #header {
    z-index: 1 !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 31, 2018 at 4:08 pm #991968
    whdsolutions

    Hello there

    Nothing has changed

    See http://new-medi4-co-uk.stackstaging.com/ and click the translate button then scroll through the home page

    :-(

    July 31, 2018 at 4:10 pm #991971
    whdsolutions

    I have just added and it works

    .tool-container {
    bottom: 50px !important;
    top: auto !important;
    z-index: 99999999 !important;
    }

    July 31, 2018 at 7:53 pm #992063
    Jordan Shannon

    Hi,

    I’m glad you were able to get a working solution. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Content going over the top oh header?????’ is closed to new replies.