TrickPk.com - Main Menu in a blog template is usually a place to display categories in the form of a drop down menu. The content menu is often placed above, precisely beside or below the blog logo.
However, it is different from the Median UI template which we will discuss here. Median UI is a blogger template whose appearance adopts the appearance of Google Drive, Blogger, and Google Playstore. Where the Main Menu is placed on the left side of the website. Take a look at the following sites menu:
Google Drive
Blogger View
Google Playstore View
If you pay attention, the position of the widgets in the Median UI really mimics the appearance of Google products. However, there is one drawback of Median UI, namely the distance between menus is too far.
Menu spacing that is too far will create too much free space. This results in an unbalanced and unsightly template. In addition, if our blog has many menus and categories, those menus will definitely be hidden below. And to see it must be scrolled first. Complicated!
Our visitors are king, as much as possible we should pamper them with features that are easily accessible. Therefore, here I provide a solution to this problem.
How to Modify the Median UI Template Main Menu
Open Blogger Dashboard
Click Theme
Press the Inverted Triangle icon
Select Edit HTML
Then look for the code .htmlMenu .link{white-space:nowrap
Then you will find a code like this
Change the padding value to 5px, so the result is like this
Save Theme.
.htmlMenu .link{white-space:nowrap; display:flex;align-items:center;width:100%; padding:10px 25px;position:relative; color:inherit}
.htmlMenu .link{white-space:nowrap; display:flex;align-items:center;width:100%; padding:5px 25px;position:relative; color:inherit}
Finally
That's how to fix and modify the main menu widget regarding the Median UI v1.5 template . Also read other tutorials about Median UI here