Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 30, 2020 at 2:10 pm #1234161
    chriskazoo

    Hi
    I am trying to make an HTML5 animation 100% full-width.
    On large desktop screens the canvas doesn’t fill all the way to the right. I am using the following quick CSS on the color section which works on my 15″ Macbook Pro but still can’t get the canvas to fill all the way right on big desktop screens. (I even did a test html5 canvas 3000px wide)

    /*——-MAKE section full width for HTML5———-must add ID to colour section-*/
    .full-width-section .container {
    width:100% !important;
    max-width:100% !important;
    margin: 0px!important;
    padding: 0px!important;
    }

    I have put the details in the private message section in case you can help!

    Thanks!

    Thanks in advance!
    I am using a plugin for the embed but not sure if I need to do this. Can I just use embed code to embed html5?

    July 30, 2020 at 11:42 pm #1234252
    chriskazoo

    I think I have sorted this out…
    Using an iframe, I made the HTML5 canvas 1920 x 960, so quite large, and then set the iframe width to 100% and the height to 960. This covers my large screen when scaled to the limit. (It doesn’t seem to work just leaving height blank)
    I guess the only issue is how big a screen do I want to cater for!
    If there is a better way, please let me know otherwise just close the thread!

    August 3, 2020 at 1:11 am #1234691
    Mike

    Hi,
    Sorry for the late reply and glad to hear you have sorted it out, I took a look at your page and it looks good so I will go ahead and close this.
    Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘HTML5 full width banner’ is closed to new replies.