You can hide some, or all, of the Magellan toolbar icons using CSS.
Related video: Hide Magellan toolbar icons with CSS
-
Open the themestyles.css file in your theme folder.
-
Add the following CSS to themestyles.css, editing it to suit your needs:
Note: This CSS hides every icon, in both desktop and mobile view.
/* HIDE TOOLBAR ICONS */
/* Hamburger Icon */
ul.top_icons>li:nth-child(1),
ul.m_top_icons>li.m_top_menu {
display: none !important;
}
/* Settings Icon */
ul.top_icons>li:nth-child(3),
ul.m_top_icons>li.m_top_config {
display: none !important;
}
/* Help Icon */
ul.top_icons>li:nth-child(4),
ul.m_top_icons>li.m_top_help {
display: none !important;
}
/* Language Dropdown */
ul.top_icons>li:nth-child(5),
ul.m_top_icons>li.m_top_lang {
display: none !important;
}
/* Search icon mobile view*/
ul.m_top_icons>li.m_top_search {
display: none !important;
}
/*mobile view kebab menu */
ul.m_top_icons>li.m_top_ellipses {
display: none !important;
}