Header Widget Open by Default

[GreaterGoodSolutions]

Hello, is it possible to set the header widget to be open by default so that the user doesn’t need to click it to see the content? I’d like them to still have the option to close it rather than keeping it open all the time.

Thanks in advance.

[thai]

Hi There,

To achieve that, please try adding this custom CSS under Theme Options > CSS:

div#x-widgetbar {
    display: block;
}
div#x-widgetbar.x-collapsed {
    display: none;
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Let us know how this goes!

[GreaterGoodSolutions]

Thank you for the reply but the code seems to have no effect on the site. I have also tried the following with no luck. Please advise.

div#x-widgetbar {
display: block!important;
}
div#x-widgetbar.x-collapsed {
display: none !important;
}

[thai]

Hi There,

Would you mind providing us with login credentials(by clicking on the Secure Note button at the bottom) so we can take a closer look? To do this, you can make a post with the following info:

• Link login to your site
• WordPress Admin username / password

Thanks.