Plus UI theme is designed for those bloggers who want to give a clean and modern look to their blog website. The best feature of this theme is its sticky bottom menu which provides easy navigation to its users. However, it is not possible to get a clear look of such a blog site, which somehow spoils the look of your site to some extent. In this article, we will tell you how to remove sticky bottom menu from Plus UI theme.
Note :- Before starting this tutorial backup your blogger theme to avoid from any errors and problems.
Follow these steps carefully to remove sticky button plus ui
- Go to your blogger dashboard
- Open them section
- Click on drop down menu
- Open edit html
All these are normal steps, when you make changes in your website, you will have to follow these steps.
Copy the given code and search it in your blogger.
<ul>
<b:loop index='m' values='data:items' var='item'>
<b:if cond='data:m <= 6'>
<b:if cond='data:item == "Home"'>
<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 ? "span" : "a"' 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 == "Search"'/>
<li class='mS'>
<label expr:aria-label='data:item' expr:data-text='data:item' for='searchIn'><b:include name='search-icon'/></label>
</li>
<b:elseif cond='data:item == "Menu"'/>
<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 == "Dark"'/>
<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 == "Light"'/>
<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 == "Top"'/>
<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'><b:include name='arow-up-circle-icon'/></span>
</li>
</b:if>
<b:elseif cond='data:item == "Share"'/>
<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-alt-icon'/></label>
</li>
</b:if>
<b:elseif cond='data:item == "Comments"'/>
<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>
After removing the code, save and preview your site to check that your work is done.
If you have any problem or it is not working for you then you can contact us.
We have covered all these topics throw FAQ
How do I turn off sticky menu in plus UI theme?
Yes, you can turn it off, I have given you a code in this article, search it in the theme of your Plus UI and remove it, your work will be done.
Steps to remove Plus UI Theme sticky menu Plus UI Theme customization options for navigation.
Yes, I have told step by step in this article, you can remove the history button from the theme of Plus UI by following it.
Can you explain the step-by-step process for removing the sticky bottom menu from the Plus UI Theme in blogger?
Yes why not, I have told you step by step process in this article, you can remove it by following, if not then contact us.