Remove one of the footer titles on mobile but not on dekstop

[BELU1]

Hello,

I want to remove My footer title - “SHOP” on mobile , but other titles should be left and on the DESKTOP do not need removing.

Where is a button of do not show heading but it hides all the titles.

Here is the code of footer meniu.

{%- if linklists[block.settings.menu].links.size > 0 -%}
  {%- if block.settings.show_footer_title -%}
    <p class="h4 footer__title small--hide ">
      {{ linklists[block.settings.menu].title }}
    </p>

    <button
      type="button"
      class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide"
      aria-controls="Footer-{{ block.id }}"
    >
      {{ linklists[block.settings.menu].title }}
      {%- render 'collapsible-icons' -%}
    </button>
  {%- endif -%}
  <div
    {% if block.settings.show_footer_title %}
      id="Footer-{{ block.id }}" class="collapsible-content collapsible-content--small"
    {% endif %}
  >
    <div class="collapsible-content__inner">
      <div class="footer__collapsible {% unless block.settings.show_footer_title=="SHOP" %} {% endunless %}">
        <ul class="no-bullets site-footer__linklist">
          {%- for link in linklists[block.settings.menu].links -%}
            <li>
              <a href="{{ link.url }}">{{ link.title }}</a>
            </li>
          {%- endfor -%}
        </ul>
      </div>
    </div>
  </div>
{%- endif -%}

[suyash1]

@BELU1 - can you please share the page link?

[BELU1]

belucian.com

@suyash1

[suyash1]

@BELU1 - the password to view page?

[BELU1]

@suyash1 Control

[suyash1]

@BELU1 - add this to the end of theme.css file and check

.grid__item.footer__item--f82c9727-960c-4762-a1b4-678ab49fab73 {
    display: none;
    visibility: hidden;
}

[BELU1]

@suyash1

I added but it is not working

[suyash1]

@BELU1 - it is working, I see like this

[BELU1]

@suyash1 I worked, but it hides the page also. I need just to remove a title.

[BELU1]

@suyash1

it should look like this. Nut on desktop the title should be like this.

[suyash1]

@BELU1 - remove the previous code and try this

@media screen and (max-width:749px){
.grid__item.footer__item--f82c9727-960c-4762-a1b4-678ab49fab73 .footer__title{
display: none; visibility: hidden;}
}

[BELU1]

@suyash1 works but removes the tab.

I need to have HANDMADE WALLETS linked to collection text

[suyash1]

@BELU1 - content opens when button is clicked, so if we hide button then it can not be clicked to open content, else content for all menu items need to be kept open

[BELU1]

@suyash1 Yeah we know this, so that is why we need a solution.

Probably, it should be on liquid file.

I can dont show heading, but I need heading on desktop