Support » Plugin: Sitewide Notice WP » not friendly in mobile site

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Andrew Lima

    (@andrewza)

    Hi there,

    Thank you for getting in touch.

    I am able to generate custom CSS code for you to hide on mobile. I am currently working on code for you and will be done shortly.

    I apologize for the delay in response.

    Plugin Author Andrew Lima

    (@andrewza)

    You may add the following code to Sitewide Notice under the custom CSS text area:

    @media all and (max-width:500px){
     .swn_banner{
      display:none;
     }
    }

    You are able to adjust the max-width to suite your needs. I will work on an update for this as soon as possible. I apologize for the inconvenience caused and delayed response.

    We do try to accommodate for all devices. Could you tell me which mobile phone you are testing from?

    Plugin Author Andrew Lima

    (@andrewza)

    I am going to mark this topic resolved as I have added this feature in version 1.0.5 – Please update your plugin to the latest version.

    Thanks a lot for your support. I am comning on that thread as my issue is the same. Is it possible to make the notice fully responsive and thus display right on any small devices (small smartphone) with 3 lines instead of just 2?

    • This reply was modified 2 years, 11 months ago by joeymalek.

    Hi there, love the plugin. I had to make a few modifications to get it to work right. The notice didn’t display two lines worth of text because the height of the div was set to 50px so it could never grow taller. This effects both desktop and mobile, only the mobile is more likely to force two or more lines of text.

    First, I added the custom css: .swn_banner{ min-height:50px; height:auto;} This allows the notice to stretch higher to fit 2 lines or more.

    Second, the close button image did not display when going more than one page deep in my site. It needs the background url to have the whole site address. example:
    .closeButton{background:url(‘https://example.com/wp-content/plugins/sitewide-notice-wp/images/close-button.png’) no-repeat center center;} Actually, if someone smarter than me could code the wordpress magic that would replace the https://example.com/ it would be even better.

    These modifications make the plugin work great on my desktop and mobile.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘not friendly in mobile site’ is closed to new replies.