How to Modify the Median UI Template Main Menu

How to Modify the Median UI Template Main Menu

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:

  1. Google Drive

  2. Blogger View

  3. 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

  1. Open  Blogger Dashboard

  2. Click  Theme

  3. Press  the Inverted Triangle icon

  4. Select  Edit HTML

  5. Then look for the code  .htmlMenu .link{white-space:nowrap

  6. Then you will find a code like this

  7. .htmlMenu .link{white-space:nowrap; display:flex;align-items:center;width:100%; padding:10px 25px;position:relative; color:inherit}
  8. Change the padding value to 5px, so the result is like this

  9. .htmlMenu .link{white-space:nowrap; display:flex;align-items:center;width:100%; padding:5px  25px;position:relative; color:inherit}

  10. Save Theme.


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

Related Post

No comments