Hi fx47. The theme and WordPress both use javascript extensively. I’m not the theme developer but would imagine there would be extensive changes required. Even then, if the user has javascript disabled, they will most likely run into other problems since your site is based on WordPress.
Thread Starter
fk47
(@fk47)
Thanks bdbrown for the response. Yeah, its true there could be other problems too when javascript is disabled. If there could be a way to make nav-menu work on lower resolutions when javascript is disabled. I really don’t mind about any other issues that may arise when javascript is disabled on the browser.
Thread Starter
fk47
(@fk47)
Thanks bdbrown for the response. There’s this free internet for all (freebasics by facebook) that I want the site to be on. So, it requires that I make nav-menu work on lower resolutions even when javascript is disabled before its approved. here’s a link they sent me: https://www.sitepoint.com/pure-css-off-screen-navigation-menu/…….
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:
- Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
- use its “CSS Code” section of the dashboard to hold your CSS modifications:
-
(put this code in)
@media screen and (max-width: 719px) {
.no-js .nav-toggle {
display: none;
}
.no-js #nav-header .container {
height: auto;
}
}
- Save
Alternatively use your Child Theme style.css file to hold your CSS modifications
Thread Starter
fk47
(@fk47)
Worked like a charm.
Thanks Andrew and Bdbrown. All I added was to do same thing for the top-nav and hide the toggle-search:
@media screen and (max-width: 719px) {
.no-js .nav-toggle {
display: none;
}
.no-js #nav-header .container {
height: auto;
}
.no-js #nav-topbar .container {
height: auto;
}
.no-js .toggle-search{
display:none;
}
}
Glad you got it working. If you don’t have any further questions on this topic then please mark it as Resolved. Thanks.