New answers tagged css
1
Helix3 is based on Bootstrap 4, But all col classes for megamenu have prefix col-sm
Think the easiest method is to add custom class name .col5 to your megamenu and split row into 6 columns.
Then you can add this CSS:
.sp-has-child.col5 .col-sm-2 {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;...
0
OK, I've found the solution. I simply changed the last line of custom.css to this:
#toolbar .float-left .module:last-of-type {
float: none !important;
width: 100% !important;
position: static; /* add to override its previous "module" ruling */
0
You can use the inspector in Chrome or Firefox to inspect the HTML + CSS. The issue with the non-clickable logo seems to be caused by the float: left; in your CSS. If you remove it, the logo is clickable again. However, the top bar won't look good; You have to solve that in another way.
#toolbar .float-left .module, #toolbar .float-left>time {
margin:...
0
This most likely means that you are adding non-existing assets. Their links generate a 404 page which is why you're getting the text/html MIME type instead of respective types for CSS/JS files.
1
This kind of error comes from what is known as CSP (Content Security Policy) configured on your web server. If you don't know what it is. Please contact your hosting provider. For any information you can read this article on MDN (Mozilla Developer Network)
Take care. Hope it helps.
Top 50 recent answers are included
