Return to previous page

Message from Woocommerce memberhsip plugin is behind mobile panel

This topic has 6 replies, 2 voices, and was last updated 4 years ago ago by Olga Barlow

  • Avatar: chihao.weng
    howard
    Participant
    December 14, 2020 at 10:02

    Hi ,

    I’ve tried add the z-index 999 on the message div but it’s till behind the mobile panel

    .sticky-message-on .content-page .woocommerce-info{
    z-index: 999 !important;
    }

    #263893 Copied Theme version: 7.1.2
    5 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 14, 2020 at 17:37

    Hello,

    Add the following code instead of the code that you provided

    .template-container .woocommerce-info.wc-memberships-message {
    position: relative;
}

    Regards

    #263970 Copied
    Avatar: chihao.weng
    howard
    Participant
    December 14, 2020 at 17:57

    I’ve added your code but it does not work….
    The message only appear 20 seconds then it goes away so I wanna it to be shown at the top.

    #263973 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 14, 2020 at 18:25

    Hello,

    Oh, sorry, missed that.
    Replace by this one 

    .template-container .woocommerce-info.wc-memberships-message {
position: relative;
visibility: visible;
opacity: 1;
}

    Regards

    #263985 Copied
    Avatar: chihao.weng
    howard
    Participant
    December 15, 2020 at 02:47

    It still be hidden on mobile phone.

    Please see the video

    https://streamable.com/ibqzor

    #264048 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 15, 2020 at 16:55

    Hello,

    Could you, please, provide us with temporary Wp Dashboard access to your site to check the issue in more detail?

    Regards

    #264149 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Business – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.