Hi I’m using a custom Ella theme and I want to wrap my cart title and “Continue shopping button” in the same line like this.
Right now I have the two elements one below each other as can be seen on the image attached. I tried the following code:
<div class="cart-header">
<h1 class="page-header text-{{ page_title_alignment }}">
{{ 'sections.cart.title' | t }}
</h1>
{% if continue_button_action == "1" %}
<a class="button button-2 button-continue" {% if custom_button_link == blank %} role="link" aria-disabled="true"{% else %} href="{{ custom_button_link }}"{% endif %} role="button"> {{ 'general.continue_shopping' | t }}</a>
{% else %}
<a class="button button-2 button-continue" role="link" aria-disabled="true" onclick="window.history.back();" role="button" id="cart-previous-page-btn">
{{ 'general.back_to_previous_page' | t }}
</a>
{% endif %}
</div>
and added the custom css to base.css
.cart-header {
display: flex;
justify-content: space-between;
align-items: center;
}
but it didn’t seem to work. The only thing that happened is that both the title and the button did not appear, so I did something wrong. Can someone help?
My preview link is: https://1s7nxf9mp6xl073n-26608304175.shopifypreview.com
