widget layer riding over sticky menu

  • Resolved aajaanron

    (@aajaanron)


    7 years, 1 month ago

    Hi Chris:

    With the widget View only, the content on “.strong-view.default-widget” rides over the sticky menu; as does the content on “.strong-view.simple .testimonial-inner”.

    Full page View is fine.

    However I have not been able to isolate them directly and the only solution was to z-index them using “.strong-view.default-widget * ” and “.strong-view.simple *”

    I colored them red too so they are easy to find in the inspector – commented out.

    I tested first by setting z-index on the sticky header to 999999 with no result. The header is using “Sticky Menu (or Anything!)” plugin with no issues so far.

    Chrome and Firefox, and on a test page as well https://teacherron.com/general-contact-form/

    EDIT – causes positioning problems for top of sidebar on mobile with the s-index already set to 1.

    screenshots:
    https:teacherron.com/s-index 01.png
    https:teacherron.com/s-index 02.png
    https:teacherron.com/s-index 03.png

    Thank you

    • This topic was modified 7 years, 1 month ago by aajaanron. Reason: fix links
    • This topic was modified 7 years, 1 month ago by aajaanron.
    • This topic was modified 7 years, 1 month ago by aajaanron. Reason: fix links
    • This topic was modified 7 years, 1 month ago by aajaanron.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter aajaanron

    (@aajaanron)

    FYI – also “.strong-view.default * ”
    The mobile problem seems to be it is floating above the page and not seen by the following content which thus sits underneath it. Visible when background of widget(s) set to none.

    Plugin Contributor Chris Dillon

    (@cdillon27)

    Hi Ron,

    Thanks for reporting this. In Twenty Seventeen, I am unable to reproduce the content overlay problem.

    The only problem I find is the slider controls overlaying the sticky menu. I will fix that but I need to test in other themes before publishing an update. I suspect that a universal z-index may not be enough.

    The sticky menu z-index is 7 so assigning a lesser value to any element should solve it temporarily.

    I don’t quite follow your screenshots. Have you fixed it or do you need help?

    Thread Starter aajaanron

    (@aajaanron)

    Hi Chris:

    Sorry about the screenshots, they were at the end of 14+ hours through the night site work.

    Yes setting the z-index to 1 for the three classes has remedied the problem, sorry I didn’t test it on the other stock themes either.

    .strong-view.default *,
.strong-view.simple * ,
.strong-view.default-widget * {
/*	background: red;	*/
	z-index: 1;
}

    For me it is resolved on this site, thank you.

    Thread Starter aajaanron

    (@aajaanron)

    Hi Chris: A follow-up worth noting:

    The good news is that it is not directly a problem with only Strong Testimonials. The problem is persisting on mobile *IF* the testimonial is on a Page post-type AND follows a (bare or div-enclosed) Google’s new “in-article” display ad format

    The issue relates to what I perceive, after hours of testing and subbing, problems with Google’s “in-article” display ad format requirements i.e. ‘leading and following text content requirements’, and lack of conditionals for those requirements.

    You’re probably familiar with them alredy; this link will require a login probably, I xxxxed out my ID.
    google adsense in-article ads.

    Its design for some reason renders it logically invisible to the [Strong Testimonials] plugin, but not ST alone, and causes it to position over-top of the ad.

    Just putting this up in case similar issues start popping up, as the ads format is awesome and getting crazy use (as is Strong Testimonials ?? ).

    Thanks for your great plugin and exceptional support response!

    • This reply was modified 7 years, 1 month ago by aajaanron. Reason: add a detail
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘widget layer riding over sticky menu’ is closed to new replies.