Learn to code in the new year! Cart 50% discount code: learntocode2022 (expires Jan 31st 2022) --> Go check out the courses!
I had a suggestion/request for a tutorial.
This is what you get:
Do you have a child theme?
No? Then you'll need one! (click here to read why you really need one)
If you need one, then head over here to get a free child theme that comes with some useful features.Get a free child theme
Or you’re gonna need this functionality in your child theme.
So hopefully, you’ll be seeing this:
note: the id number will be different, but don’t worry, just copy paste what you have on your site.
You’re ready to go!
Open up header.php, and you’ll find this:
in line 128, you’re gonna add this:
<?php echo do_shortcode('[ai_layout_sc id="444"]'); ?>
note: of course when you paste the shortcode, it’ll have your id number, not 444
Now it’ll look like this:
and you’re done!
– The section should have a transparent background (if you want the menu background color to show)
– media queries don’t work (since media queries are for screen widths, not container sizes) so you’ll have to experiment a bit to get the right sizing.
If you want to brush up on your CSS so you can style/design all these cool new elements, try learning it!