Median UI v1.6 Homepage mobile menu style change

Medium UI 1.6 homepage mobile bottom show only 4 SVG but this problem solved in this post.

This post will show how to show from four SVG ICON to five SVG ICON on MEDIAN UI 1.6 homepage.

So start now

Go to your blogger dashboard

Then go to Theme

[First your theme backup]

Then EDIT HTML

Then you find this codes

<!--[ Mobile Menu ]-->
              <b:section class='mobMn' id='mobile-menu' maxwidgets='1' showaddelement='false'>
                <b:widget id='TextList99' locked='true' title='Mobile Menu' type='TextList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='shownum'/>
                    <b:widget-setting name='item-5'>Comments</b:widget-setting>
                    <b:widget-setting name='item-4'>Share</b:widget-setting>
                    <b:widget-setting name='item-3'>Dark</b:widget-setting>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='item-2'>Menu</b:widget-setting>
                    <b:widget-setting name='item-1'>Search</b:widget-setting>
                    <b:widget-setting name='item-0'>Home</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>
                    <ul>
                      
                      <b:loop index='m' values='data:items' var='item'>
                        <b:if cond='data:m &lt;= 4'>
                          <b:if cond='data:item == &quot;Home&quot;'>
                            <li class='mH'>
                              <b:class cond='data:view.isHomepage' name='nmH'/>
                              <b:tag expr:aria-label='data:item' expr:data-text='data:item' expr:name='data:view.url == data:blog.homepageUrl ? &quot;span&quot; : &quot;a&quot;'>
                                <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:blog.homepageUrl.canonical' name='href'/>
                                <b:attr cond='data:view.url != data:blog.homepageUrl' name='role' value='button'/>
                                <b:include name='home-alt-icon'/>
                              </b:tag>
                            </li>
                            
                            <b:elseif cond='data:item == &quot;Search&quot;'/>
                            <li class='mS'>
                              <label expr:data-text='data:item' for='searchIn'><b:include name='search-icon'/></label>
                            </li>
                            
                            <b:elseif cond='data:item == &quot;Menu&quot;'/>
                            <li class='mN'>
                              <label expr:data-text='data:item' for='offNav'><b:include name='menu-icon'/></label>
                            </li>
                            
                            <b:elseif cond='data:item == &quot;Dark&quot;'/>
                            <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                              <li class='mD'>
                                <span class='tDL' data-light='Light' expr:data-text='data:item' onclick='darkMode()' role='button'><b:include name='moon-sun-icon'/></span>
                              </li>
                            </b:if>
                            
                            <b:elseif cond='data:item == &quot;Light&quot;'/>
                            <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                              <li class='mL'>
                                <span class='tDL' data-light='Dark' expr:data-text='data:item' onclick='darkMode()' role='button'><b:include name='sun-moon-icon'/></span>
                              </li>
                            </b:if>
                            
                            <b:elseif cond='data:item == &quot;Share&quot;'/>
                            <b:if cond='data:view.isPost'>
                              <li class='mS'>
                                <label expr:data-text='data:item' for='forShare'><b:include name='share-icon'/></label>
                              </li>
                            </b:if>
                            
                            <b:elseif cond='data:item == &quot;Comments&quot;'/>
                            <b:if cond='data:view.isPost'>
                              <li class='mC'>
                                <label expr:data-text='data:item' for='forComments'><b:include name='messages-icon'/></label>
                              </li>
                            </b:if>
                            
                          </b:if>
                        </b:if>
                      </b:loop>
                    </ul>
                  </b:includable>
                </b:widget>
              </b:section>

Replace all code from under HTML coding

<!--[ Mobile Menu ]-->
              <b:section class='mobMn' id='mobile-menu' maxwidgets='1' showaddelement='false'>
                <b:widget id='TextList99' locked='true' title='Mobile Menu' type='TextList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='shownum'>7</b:widget-setting>
                    <b:widget-setting name='item-6'>Comments</b:widget-setting>
                    <b:widget-setting name='item-5'>Share</b:widget-setting>
                    <b:widget-setting name='item-4'>Top</b:widget-setting>
                    <b:widget-setting name='item-3'>Dark</b:widget-setting>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='item-2'>Menu</b:widget-setting>
                    <b:widget-setting name='item-1'>Search</b:widget-setting>
                    <b:widget-setting name='item-0'>Home</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>
                    <ul>
                      
                      <b:loop index='m' values='data:items' var='item'>
                        <b:if cond='data:m &lt;= 6'>
                          <b:if cond='data:item == &quot;Home&quot;'>
                            <li class='mH'>
                              <b:class cond='data:view.isHomepage' name='nmH'/>
                              <b:tag expr:aria-label='data:item' expr:data-text='data:item' expr:name='data:view.url == data:blog.homepageUrl ? &quot;span&quot; : &quot;a&quot;' role='button'>
                                <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:blog.homepageUrl.canonical' name='href'/>
                                <b:attr cond='data:view.url != data:blog.homepageUrl' name='role' value='button'/>
                                <b:include name='home-icon'/>
                              </b:tag>
                            </li>
                            
                            <b:elseif cond='data:item == &quot;Search&quot;'/>
                            <li class='mS'>
                              <label expr:data-text='data:item' for='searchIn'><b:include name='search-icon'/></label>
                            </li>
                            
                            <b:elseif cond='data:item == &quot;Menu&quot;'/>
                            <li class='mN'>
                              <label expr:aria-label='data:item' expr:data-text='data:item' for='offNav'><b:include name='menu-icon'/></label>
                            </li>
                            
                            <b:elseif cond='data:item == &quot;Dark&quot;'/>
                            <b:if cond='!data:view.isPost'>
                              <li class='mD'>
                                <span aria-label='Mode' class='tDL' data-light='Light' expr:data-text='data:item' onclick='darkMode()' role='button'><b:include name='moon-sun-icon'/></span>
                              </li>
                            </b:if>
                            
                            <b:elseif cond='data:item == &quot;Light&quot;'/>
                            <b:if cond='!data:view.isPost'>
                              <li class='mL'>
                                <span aria-label='Mode' class='tDL' data-light='Dark' expr:data-text='data:item' onclick='darkMode()' role='button'><b:include name='sun-moon-icon'/></span>
                              </li>
                            </b:if>
                            
                            <b:elseif cond='data:item == &quot;Top&quot;'/>
                            <b:if cond='data:view.isHomepage'>
                              <li class='mS'>
                                <span expr:aria-label='data:item' expr:data-text='data:item' onclick='window.scrollTo({top: 0});' role='button'><svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 3.000000)'><path class='fill' d='M9.5,18 C3.00557739,18 0.456662548,17.5386801 0.0435259337,15.2033146 C-0.36961068,12.8679491 2.27382642,8.47741935 3.08841712,7.02846996 C5.81256986,2.18407813 7.66371927,0 9.5,0 C11.3362807,0 13.1874301,2.18407813 15.9115829,7.02846996 C16.7261736,8.47741935 19.3696107,12.8679491 18.9564741,15.2033146 C18.5443995,17.5386801 15.9944226,18 9.5,18 Z'/></g></svg></span>
                              </li>
                            </b:if>
                            
                            <b:elseif cond='data:item == &quot;Share&quot;'/>
                            <b:if cond='data:view.isPost'>
                              <li class='mS'>
                                <label expr:aria-label='data:item' expr:data-text='data:item' for='forShare'><b:include name='share-icon'/></label>
                              </li>
                            </b:if>
                            
                            <b:elseif cond='data:item == &quot;Comments&quot;'/>
                            <b:if cond='data:view.isPost'>
                              <li class='mC'>
                                <label expr:aria-label='data:item' expr:data-text='data:item' for='forComments'><b:include name='messages-icon'/></label>
                              </li>
                            </b:if>
                            
                          </b:if>
                        </b:if>
                      </b:loop>
                    </ul>
                  </b:includable>
                </b:widget>
              </b:section>

Finally save and see your QR Code Generator page worked

---

Tag Keyword

median-ui custom medium ui blogger template Fastest and modern Blogger templates median ui version Median ui typography median template download median amp medium ui blogger template median ui safelink medium ui 1.5 blogger template medium ui blogger template premium free Customization Median UI v1.6 Blogger Template Full Customization Tutorial

Post Reference

https://www.jagodesain.com/