WoodMart footer can not be folded causes and solutions

WoodMart theme excels in layout control, responsive design and customization features. However, some users are having issues with thefootersThe contents of the area cannot be collapsedThe menu or column that should be collapsed is always expanded, which affects the aesthetics and is not conducive to the user's operation, especially in mobile.

So what's the problem? This post talks about common reasons why WoodMart footers don't collapse and how to fix them.

Common manifestation: footer "accordion" style invalid

In most e-commerce themes, themobileThe footer is usually laid out in an "accordion fold" layout, for example:

• Each column title can be clicked to expand/collapse
• Initial state is stowed, expand details after clicking only
• Mostly used for modules such as category links, information navigation, contact information, etc.

But when using WoodMart, many people find:

• All columns are always expanded
• No response to clicking on the title
• No expanding/collapsing arrows or animations

These types of issues are usually not a result of the theme's lack of functionality, but rather a setting or script failure.

Analysis of possible causes

1. Footer widget layout without collapsing enabled

WoodMart's footer can be customized with multiple widget areas, but by default, it's mobile collapsibleNeeds to be enabled manuallyThe.

Solution:

• Go to the WordPress backend → WoodMart → Theme Settings

• show (a ticket) Footer → Collapse widgets on mobile(Collapsed gadget title on mobile)

• Turn on this switch, save the settings and refresh the foreground to see the effect

2. Using Elementor or WPBakery to customize the footer causes the script to fail.

If you use the page builderCustomized footerbut (not)Not using WoodMart's default widget area, then the collapsing feature may not work automatically, as that is dependent on the theme script.

Solution:

• Try to add footer content using Appearance → Widgets

• Or add it manually when customizing the layoutaccordion/Folding function module

• If you must use a custom builder, make sure you load the relevant JS files for WoodMart (e.g. theme.min.js)

3. Caching or compression plug-ins cause JS code conflicts

Sometimes you enable theCaching Plugin(e.g. WP Rocket, LiteSpeed Cache), they may beMerged or delayed loading of WoodMart script files, which in turn affects the folding function.

Recommendation:

• Turn off the caching plugin to test if page folding is restored
• Exclusion of WoodMart theme.min.js Documents are not merged or delayed

• Clear all cache and refresh your browser

4. Theme or plugin not updated

Older versions of the WoodMart theme may be collapsed on some devices.compatibilityProblems. It is recommended to check these below:

• Whether the theme is the latest version (go to ThemeForest or backend theme update page to check)

• Are you using an older version of jQuery or a builder plugin?
• Please clear your cache after updating to see the effect

How can I tell if the correct folding structure is enabled?

Use F12 in your browser to open Developer Tools and look at the HTML structure of the footer area, which should normally contain:

<div class="widget-title collapsed">
  <span class="title">Column Title</span>
</div>
<div class="widget-collapse">
  <ul>Content</ul>
</div>

If the structure does not have .widget-collapse class, it means that the folding function is not loaded or the corresponding JS cannot be run.

concluding remarks

WoodMart has a complete mobile foldingfootersfunction, just in practice, may be due to the use of the way, plug-in interference or settings missed and failed. Mastering the correct setting method and understanding the relationship between the page builder and the theme, it is completely possible to realize a simple and practical folding footer effect.

If you can't solve the problem according to the method in the article, you can take a screenshot to save the current settings and then contact Photon Flux customer service, we will assist in remote troubleshooting.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off