Collapse stockt

Shopware 6 (German)
1

Hallo Leute,

aktuell bin ich dabei mir ein eigenes Theme zu basteln. Da ich noch ein Anfänger bin und mich nur ein wenig in HTML und CSS auskenne, komme ich aktuell nicht mehr weiter und hoffe auf eure Hilfe.

Im Footer Bereich habe ich eine Art Footer-Bar gebastetl. Diese habe ich in der Footer.html.twig über der Container-Klasse included:

`{% block layout_footer_inner_container %}
    {% sw_include '@parent/storefront/layout/footer/footer-bar.html.twig' %}
    <div class="container">

`.....

Meine neue Datei hat folgenden Code (gekürzt auf die wichtigen Stellen):

{% block layout_footerbar %}
    {% set FMT = page.extensions['flavorNewSettings'] %}

    <div class='footer-bar-container'
	data-collapse-footer='true'>
        <div class='row footer-bar-inner js-footer-column'>
			{% block layout_footer_bar_headline %}
				<div class='col footer-bar-headline js-collapse-footer-column-trigger'
				data-target='#collapseFooterBarTitle'
				aria-expanded='true'
				aria-controls='collapseFooter'> 
				{{ FMT.get('FlavorMenthaTheme.config.footerbarheadline') }}
					{% block layout_footer_bar_icons %}
						<div class='footer-column-toggle'>
							<span class='footer-bar-plus-icon'>
								{% sw_icon 'plus' %}
							</span>
							<span class='footer-bar-minus-icon'>
								{% sw_icon 'minus' %}
							</span>
						</div>
					{% endblock %}
				</div>
			{% endblock %}
			{% block layout_footer_bar_content %}	
				<div class='row footer-bar-content collapse js-footer-column-content'
				id='collapseFooter'
				aria-labelledby='collapseFooterBarTitle'> 
					<span class='row footer-bar-block'> 
.............

Im Endeffekt funktioniert die Collapse-Funktion, nur stockt es immer, was doch störend ist und unesthetisch erscheint.

Was habe ich hier falsche gemacht?

Kann mir jemand weiterhelfen?

Vielen Dank vorab.

2

Hallo @KevinK . Ich hatte erst das selbe Problem.
Ich konnte es lösen in dem ich sicher gestellt habe dass das Collapse DIV.footer-bar-content keine padding zugewiesen wurde.

.footer-bar-content.collapse {
    padding: 0;
}