From 0d2ed7c1b5a5da0d5b3737fbddcfb847d41f410f Mon Sep 17 00:00:00 2001
From: Elliot Wirrick <wirrickelliot@gmail.com>
Date: Sat, 27 Feb 2021 09:05:23 -0500
Subject: [PATCH 1/2] merchants: add scroll-to-top button & mobile dropdown
 menu

---
 community/merchants/index.md | 21 ++++++++++++++++++++-
 css/custom.css               |  6 ++++++
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/community/merchants/index.md b/community/merchants/index.md
index dd1bafe2..4a46d396 100644
--- a/community/merchants/index.md
+++ b/community/merchants/index.md
@@ -7,13 +7,13 @@ permalink: /community/merchants/index.html
 <div class="merchants text-center container description">
     <p>{% t merchants.intro1 %}<a href="https://github.com/monero-project/monero-site/issues" target="_blank" rel="noreferrer noopener"> {% t merchants.intro2 %}</a> {% t merchants.intro3 %}</p>
 </div>
-<div class="merchants">
 
 {% assign itemCount = site.data.merchants | size %}
 {% assign headerRow = itemCount | divided_by: 5.0 | ceil | times: 1.0 %}
 {% assign itemInRow = itemCount | divided_by: headerRow | ceil %}
 
 {% assign Item_processed = 0 %}
+<!-- Merchants menu: desktop -->
 <div class="container full">
   {% for toplevel in site.data.merchants %}
     {% assign isHeader = Item_processed | modulo: itemInRow %}
@@ -32,7 +32,24 @@ permalink: /community/merchants/index.html
     {% endif %}
   {% endfor %}
 </div>
+<!-- End merchants menu: desktop -->
+<!-- Merchants menu: mobile -->
+<div class="container full">
+    <div class ="info-block row center-xs" id="pick-platform">
+        <div class="mob dropdowndrop">
+            <input id="filter" type="checkbox" name="category-filter"/>
+            <label for="filter">{% t blog.filter %}</label>
+            <ul id="menu">
+                {% for toplevel in site.data.merchants %}
+                    <li><a href="#{{ toplevel.id }}">{{ toplevel.category }}</a></li>
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
+</div>
+<!-- End merchants menu: mobile -->
 
+<div class="merchants">
 {% for toplevel in site.data.merchants %}
 <div class="container full" id="{{toplevel.id}}">
        <div class="info-block">
@@ -56,3 +73,5 @@ permalink: /community/merchants/index.html
         <em>{% t merchants.disclaimer %}</em>
     </p>
 </div>
+
+<a class="arrow-up" href="#" aria-label="{% t accessibility.arrowup %}" title="{% t accessibility.gotop %}"><i></i></a>
diff --git a/css/custom.css b/css/custom.css
index 127448db..59c21500 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -3557,7 +3557,13 @@ span.icon-browser {
   height: 3rem;
   padding: 1rem 0;
 }
+}
 
+@media only screen and (max-width: 62rem) {
+
+.tabPanel-merchant {
+	display: none;
+}
 }
 
 /***************************ROADMAP STYLING*********************************/

From 5d7a3a78c43aaf3a95ed4e75d0cdc4d340bc4cbe Mon Sep 17 00:00:00 2001
From: Elliot Wirrick <wirrickelliot@gmail.com>
Date: Sat, 27 Feb 2021 11:12:45 -0500
Subject: [PATCH 2/2] merchants: capitalize web hosting

---
 _data/merchants.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_data/merchants.yml b/_data/merchants.yml
index b6f2652e..1d5ce27a 100644
--- a/_data/merchants.yml
+++ b/_data/merchants.yml
@@ -145,7 +145,7 @@
       url: https://swirlpay.io/
     - name: Vigla
       url: https://vigla.biz/
-- category: Web hosting
+- category: Web Hosting
   id: hosting
   merchants:
     - name: 1Gbits