In Pretty Creative theme, the Primary Navigation menu is moved above the site header out of the box. In this tutorial, I share the steps to wrap the site header and primary nav in a custom div and float site header to left and primary nav to the right on desktops. We shall also make our custom
div.header-navsticky when scrolling down instead of the primary nav. At smaller widths, the hamburger menu will be made to appear below the site title.
Step 1Add the following in Pretty Creative's functions.php:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.