Rename 'Pages' in Blogger Dynamic Views Drop-down Menu

Before
After
When you have more static page links than what your header-bar can fit, all your pages will be forced to go on a drop-down menu. This drop-down menu will be titled 'Pages', by default. Here's how you can change it to other text of your likings.

Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
#pages span:first-child{
font-size: 0px !important;
}
#pages .menu-heading:before, .ss{
content: "Contents";
font-size: 15px !important;
}
In this example, I've changed 'Pages' to 'Contents'. Feel free to personalise it by changing Line 5.