custom CSS to match Atomic AutoNav
Permalink Browser Info Environment
Hi,
is there an easy way to match the autonav of the atomic theme?
I would like to use the nav as an inplace preplacement matching colors, height, etc.
Thus I am trying to use the CSS variables Concrete provides with 9.2 in the atomic theme.
The general link color in Mega seems to be blue - it should be "var(--bs-nav-link-color)"
is there an easy way to match the autonav of the atomic theme?
I would like to use the nav as an inplace preplacement matching colors, height, etc.
Thus I am trying to use the CSS variables Concrete provides with 9.2 in the atomic theme.
The general link color in Mega seems to be blue - it should be "var(--bs-nav-link-color)"
.jbmm.custom ul.mega-menuh li a { float: left; display: block; color: var(--bs-nav-link-color); ...
| Type: | Discussion |
|---|---|
| Status: | In Progress |
forgot image
Hi,
Thanks for your message.
The Mega Menu add-on has been around for a while. I recently updated it to support PHP8 and Concrete CMS V9. But at the moment, there isn't an "easy" way to make it look exactly like the Atomik theme. There are hundreds of themes on the marketplace as well, so it's not really feasible to make it look like any specific theme out of the box.
However, the "custom" skin option is intended to be used by site editors and designers who are familiar with CSS and can modify the design any way they wish (including CSS variables). It includes some skeleton CSS code to get you started quickly and you can build on top of that from there. This provides the maximum flexibility to ensure your mega menu looks exactly the way you want it.
I hope this feedback helps.
JB
Thanks for your message.
The Mega Menu add-on has been around for a while. I recently updated it to support PHP8 and Concrete CMS V9. But at the moment, there isn't an "easy" way to make it look exactly like the Atomik theme. There are hundreds of themes on the marketplace as well, so it's not really feasible to make it look like any specific theme out of the box.
However, the "custom" skin option is intended to be used by site editors and designers who are familiar with CSS and can modify the design any way they wish (including CSS variables). It includes some skeleton CSS code to get you started quickly and you can build on top of that from there. This provides the maximum flexibility to ensure your mega menu looks exactly the way you want it.
I hope this feedback helps.
JB