Content overlayed to top header

  • Author
    Posts
  • #159943

    gsmmzl
    Member

    Hello,
    Please take a look to this site : http://www.roderstore.com

    As you can see some parts of page body , when your scroll down, are overlayed to top header ( the sticky menu ).

    There is a solution ? There is a setup in the main CSS to avoid this ?

    Thank You

    The blog I need help with is roderstore.com.

    #159953

    tarasdashkevych
    Theme Author

    Hi,

    It looks like your custom form comes with styles that cause this issue. Please add this custom CSS to your site to avoid this problem:

    
    #main div.asl_m {
      z-index: 10;
    }
    

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #159961

    gsmmzl
    Member

    Hello Taras,

    The code is running on the site …… but the issue is not solved …. check http://www.roderstore.com.

    There is still the overlay.

    Maurizio.

    #159969

    tarasdashkevych
    Theme Author

    Maurizio,

    Hmm… it’s strange. Let’s try another approach. Please use this custom CSS instead:

    
    .site-header {
      z-index: 99999;
    }
    

    It does not look so elegant to have such a long z-index for the element but it is required to fix the issues caused by the plugins.

    Hope this helps. Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #159978

    gsmmzl
    Member

    Hello Taras,

    Not elegant …. but it works …… problem solved !

    Thank you very much for the help !

    Rest Regards
    Maurizio

    #159988

    tarasdashkevych
    Theme Author

    You are very welcome, Maurizio!

The topic ‘Content overlayed to top header’ is closed to new replies.