About the theme

Before talking about bugs, let’s have a looksy at the header above. It’s a fairly straightforward construct, the container uses the eye-catching image as background. A minimum height is added to make big part of the image visible. The navigation for small and large screens are divided into two different elements, so they can be styled differently. To get edit access to the 'mobile' menu you need to make it visible. That is done by opening the Element pane and look up the 'ul link' with the ID 'mobile-demo'. Then go to the Style pane and find Effects. There you see it has been 'translated' -105% off the screen. Set that to 0, then the mobile nav will become visible. After you have done editing, don't forget to 'translate' it back again before saving. This theme was originally created with the Coffeegrinder framework for Responsive Site Designer 1.5 and has now been converted to Materialize to be ready for use with Site Sesigner 3.5.

Lady Bug on a Leaf
About Ladybugs

Flexbox is used to keep the links below horizontally aligned. Both the column and container need to use displayed flex. This can be done on the design pane in the position section. 


Learn More -->

Lady Bug on a Leaf
Habitats

Then the paragraph needs to use a flex grow of 1. This means it will take up any remaining space, pushing the links to the same height. At smaller widths we go back to display: block for the columns to stack the containers.

Learn More -->

We need you

Across North America ladybug species composition is changing. Over the past twenty years native ladybugs that were once very common have become extremely rare. During this same time ladybugs from other parts of the world have greatly increased both their numbers and range. This is happening very quickly and we don’t know how, or why, or what impact it will have on ladybug diversity or the role that ladybugs play in keeping plant-feeding insect populations low. We're asking you to join us in finding out where all the ladybugs have gone so we can try to prevent more native species from becoming so rare. Find out how you can help.

All photography provided by pixabay
Social IconSocial IconSocial Icon