Custom Modular Menu Disappears

1

I’ve created a custom template called “columns.html.twig” in the “quark/templates/modular” folder but when I try to create a new modular with this template active my menu disappears.

image
image.png1026×441 10.1 KB

The code contained is:

{% extends 'partials/base.html.twig' %}

{% block content %}
    <table>
        <tr>
            {% for column in page.content|split('<hr />') %}
            <td>{{ column }}</td>
            {% endfor %}
        </tr>
    </table>
{% endblock %}
2

First of all, look in your browser in the developer menu [cmd+alt+i], what is happening in this block. Perhaps just the background has become white and you do not see the white text. Then it seems to me that you are not using the modular pages principle quite correctly. To create a module, you do not need to extend the base template and specify a block ({% extends ‘partials/base.html.twig’ %} {% block content %}) Simply code from <table> and place the file in the modular folder.
Regards

3

If I code from <table> then my columns don’t obey css border rules, it spans all the way from one side of the page to the other.

4

I’m not sure I understand. But usually, to define the style of an element, we assign it a class and define the style of that class.
<table class="features-table">...</table>
<style>
.features-table {
border: 2px solid grey;
}
</style>