[Support request] hide div for javascript deactivated browsers.

[Patricia]

Hi guys can you please help?

I would like to ask how do I proceed to hide the main content div to browsers that are not using javascript and replace the content with a message saying that this site needs javascript to continue the access (in the main content area div).

Many many thanks for that!

[David]

Hi there,

I am really not sure about this, but if need be you can use a Hook Element, to add some <noscript> HTML and styles to the page:

<noscript>
<style>
    #main {
        display: none !important;
    }
</style>
<div>Your no Javascript message here</div>
</noscript>

Use the generate_before_main_content hook

[Patricia]

thank you! I will try this and will let you know! Have a great weekend!

[David]

You’re welcome and you too

[Patricia]

Hello David!

This works but I cannot show the warning message. any thoughts? thank you!

[David]

Where can I see this ?

[Patricia]

I put my message where you indicated

</style>

Your no Javascript message here

</noscript>

But i can just see the blank div without the prase. do you know what I mean? 🙂 thank u!

[David]

Sorry I meant a link to a page on the website you added it to

[Patricia]

ah ok! I am sending in the private tab 🙂 Merci!

[David]

Oh my – what was I thinking lol.
Change the Hook to generate_after_header

The other hook is inside the element that the script is hiding… so it hides itself 🙂

[Patricia]

hahaha no problems!! It is working perfectly now! Thank you!

Have a great weekend!

Patricia.

[David]

Glad to hear that!!

[Author]

Posts