Tag: SCSS
How to increase navbar height in materialize css
Learn How to increase navbar height in materialize css At Ampersand Academy, we have already discussed how to create Navbar and how to change the colour of the navbar, various types of Navbar and how to incorporate mobile collapsible Navbar using Materialize CSS. In order to recap these topics, follow the below-mentioned links 1. Navbar in…
Quickly implement Feature discovery on page load in 3 Steps
Learn Feature discovery on page load Offer some incentive and support return visits by acquainting clients with new features and usefulness at logically significant minutes. Feature discovery prompts have more effect when they are displayed to the correct clients at logically significant minutes. At the point when displayed to the wrong client at the wrong…
Easily implement Mobile menu with accordion type sub menu items in 2021
Learn Mobile menu with accordion type sub menu items Materialize CSS is one of the most easy-to-use CSS frameworks for website development. Materialize CSS offers easy to use CSS and JS scripts to enable mobile responsive side navigation. In the previous tutorial, we have discussed how to add responsive mobile side navigation both on the…
How to open SideNav on the right in Materialize CSS in 3 Minutes
Learn How to open SideNav on the right in Materialize CSS Mobile responsive navigation is one of the important aspects of a responsive website. It is possible to create beautiful main navigation for desktop/laptop browsers, however, when we design mobile navigation it is a must to make it easily accessible from all mobiles and tablets.…
Working with colors in Materialize CSS
Learn Working with colors in Materialize CSS Changing the text and container colour on a website is one of the basic yet frequently performed tasks while designing a website. Usually, changing the colour is done using CSS. A designer can either use in-line CSS or write a class for changing the colour. In Materialize CSS, the…
Mega menu for Materialize CSS Framework
Learn Mega menu for Materialize CSS Framework and implement where it requires a huge menu This tutorial briefs how to add a Mega menu in Materializecss.com. As we know, there is no default option in Materializecss Framework for Megamenu, we take the privilege in demonstrating how to add a mega menu using simple CSS classes. …
Adding Logo to the Navbar in Materialize CSS
Learn Adding Logo to the Navbar in Materialize CSS and implement in you website and web applications In the previous tutorial, we discussed how to create Navbar using Materialize CSS Framework. If we explore the coding involved in the Navbar, there is an individual component named Logo. The Logo mentioned there is just a text…
Navbar in Materialize CSS
Learn about Navbar in Materialize CSS Creating Navigation Bar A navigation bar is a section of a graphical user interface intended to aid visitors in accessing information. Navigation bars are implemented in file browsers, web browsers and as a design element of some websites. Web Applications also require Navigation Bar in order to ease the…
First step in building Materialize CSS Websites and webpages
Learn the First step in building Materialize CSS Websites and webpages. Download the Framework files from the Materialize CSS Framework Website, i.e., http://materializecss.com/getting-started.html. Extract the files and add the extracted files in the Project Directory. For this, you can create a new folder in Desktop. On the contrary, without downloading the Framework files, we can…
Extension and Operators in SASS
Extension and Operators in SASS. Learn and implement Extension and operators in SASS. The extension is a feature in SASS / SCSS through which we can apply styles of one class to another just by calling the @extend in the subsequent class. Here’s the following example in which we have explained the classic use case…