Hide Magellan toolbar icons

Publishing

You can hide some, or all, of the Magellan toolbar icons using CSS.

Related video: Hide Magellan toolbar icons with CSS

  1. Open the themestyles.css file in your theme folder.

  2. 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;
}