Mia [Genesis] - Code Tweaks

This page will be updated over time with small tweaks/customizations that you can make with the Clover theme.

Homepage

Change featured posts title height

We've had a few requests for the post titles on the homepage to display at a consistent height. Do keep in mind that if your post titles are long, the height may need to be quite tall. Use at your own discretion. ðŸ™‚

Front Page 3 Featured Posts

  1. Click here and copy the code.
  2. Go to WordPress > Appearance > Customize > Additional CSS.
  3. Click Publish to save.
Note: If your post titles are longer than 4 lines, you'll need to increase the 16 value to something larger. Feel free to play with the value until you get the height you need.

Front Page 1 Featured Posts (shown in food demo)

  1. Click here and copy the code.
  2. Go to WordPress > Appearance > Customize > Additional CSS.
  3. Click Publish to save.

Navigation

Remove top navigation accent border

  1. Click here and copy the code.
  2. Go to WordPress > Appearance > Customize > Additional CSS.
  3. Click Publish to save.

Sticky mobile navigation

If you'd like your navigation menu to stick on mobile (i.e. remain visible as you scroll down), follow the instructions below:

Note: This method can only be used if you are using the Top Navigation menu and  no other menus.
  1. Click here and copy the code.
  2. Go to Appearance > Customize > Additional CSS.
  3. Paste the code in the box. Click Publish to save.

Misc

Remove pop-up post navigation

If you'd like to remove the adjacent post navigation that pops up on single post pages:

  1. Click here and copy the code.
  2. Go to WordPress > Appearance > Customize > Additional CSS.
  3. Paste the code in the box, and then click Publish to save.
On mobile, the pop-up post navigation becomes static below each blog post. If you'd like the post navigation removed from desktop AND mobile, copy this code instead for step 1.