#Cassiopeia search removal how to
#Cassiopeia search removal install
#Cassiopeia search removal code

Banner overlay color: Modify the color for banner overlay.Īfter customizing the header in your own style, don’t forget to save your changes.

Banner height in VH: Alter the height of the banner.

Padding menu bar: Customize the size of the space between the menu text and the logo.

Menu in uppercase: Activating this option will change the menu text from lowercase to uppercase.

Hide Logo: You can also hide the logo if select the option.

Center Logo: In case you want to showcase the logo in the center of the header, let’s enable the option.

Add shadow to navbar: Click on the Yes button if you hope to insert shadow to the navbar.

Submenu width in REM: Change the width of the submenu.

Menu padding: Customize the size of the space between the menu text and the border on the header.

Menu bar background image: If you don’t want to use background color for the menu bar, then you can change the background with your own image you like.

The menu bar background color: Edit the color of the menu bar background.

The menu text color: Modify the color of the menu text.

Select No if you want to display the menu under the menu.

Menu next to Logo: Choose Yes if you want to showcase the menu next to the Logo.

There will be many options for you to modify, including: Now, it’s time for you to customize the header with the Menu/Header tab. Next, simply move on to the Menu Assignment tab and choose On all pages. In the Module tab, let’s choose Cassiopeia -> Menu for the Position section, then select the Published for the Status section After that, click on the module to edit it. Now, on the search bar, you just need to enter the KickstartCassiopeia module or use the ID to find the latest module you installed. So, simply access System -> Site Modules. Once installing the Kickstart Cassiopeia module, you can freely design the header of your site.

#Cassiopeia search removal how to

How to customize the header with Cassiopeia without coding

#Cassiopeia search removal install

Let’s go to System -> Install -> Extensions, then upload the zip file of the module.

Webmastertools: Custom Code/ Custom CSSĪfter downloading the zip file, you need to install the module to your backend Joomla 4 site.

With the free version, you can access the following options: Now, you need to download the free version of the Kickstart Cassiopeia module here. All you need to do is configure the module to make your site appearance become perfect. It comes with many options for you to customize, including Layout, Topbar, Menu/header, Footer, Colors, and much more. Kickstart Cassiopeia is a module that supports you to design the Cassiopeia template without creating coding or CSS. You just need to use the Kickstart Cassiopeia module to implement all your designs. To help such people easily design the header, we would like to introduce an effective way to customize the header with Cassiopeia without coding in Joomla 4. Sometimes, this will be complicated for beginners, who do not have too much knowledge about coding.

#Cassiopeia search removal code

However, if you want to modify the color of sections in the header or put the menu next to the logo, you need to use code in custom CSS.

With the template, you are able to create a horizontal header menu for your website without any trouble. This template allows you to design as well as edit your Joomla site via normal commands and coding.

By default, Joomla 4 comes with the Cassiopeia template.