skip to Main Content

I’m using the simple banner WordPress plugin to create the banner on my site. Previously it did fit the width, but I’ve noticed this time when I enabled it, it’s cut short.

Does anybody have a fix so that is goes back to the full width, that I can apply as additional css either on the website, or in the plugin?

www.timadams.ca

Thank you

2

Answers


  1. Here is one way you could get your banner to be full-width and centered:

    #simple-banner {
      box-shadow: 0 0 0 100vmax #d6d6d6;
      clip-path: inset(0 -100vmax);
      margin: 0 !important;
    }
    

    I added the !important to make sure the other margin settings are overridden, but ideally you would remove them. E.g. CSS line 675: margin-right: -57px.

    Login or Signup to reply.
  2. Using css:

    div#simple-banner {
        width: 100%;
        padding: 0;
        margin: 0;
        left: 0;
        position: fixed;
        z-index: 2;
    }
    body { padding:top:20px;}
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search