/* Change the height of the Header */

.header {height: 200px;}

/* How to hide the thin white line on the home */

.container-component { border:0px;}

/*How to add Google Fonts */
/*Embed code in the <head> of your html */
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Audiowide&family=Madimi+One&display=swap" rel="stylesheet">

POPUP not showing
make sure you do not have an apostrophe ' in the text.

/* Background colour of mobile menu */

Please add the following css code to your custom css section in the module options:

.navbar-collapse {background-color: #000;}

Where the #000 now stands for black, but you can simply add any other hex color code here.

IF The Off canvas menu module is used then the background colours can be changed there in Settings. 

The article info, such as author, creation date, views etc, by default is displayed below each other.

You can easily change this using a CSS hack. Always make a backup first!

/* Add the following line to your custom CSS section for article info in horizontal /*

dl.article-info{margin-bottom: 10px;padding-bottom: 6px;color: #349dd1; display: inline-flex; width:100% } dl.article-info dd {margin-right: 40px}


If the popup does not display as intended make sure you have not put ' inbetween any words'

If you remove the ' ' then the popup will display. Please don't ask me why!!!

If you use SP Pagebuilder then this code is required in order to change the text colour of the mobile menu:

.sidenav a { color: #aac800 !important;}


Joomwalker is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla name and logo are used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.