Header and Secondary menus in Graphene Theme are left aligned. You can align them centre using some CSS code. Centering menus is quite easy. Just add this to Custom CSS or child-theme style.css #header-menu { display: table !important; margin: 0 auto !important; } This aligns the header menu to centre of the header menu wrap. …
Tag Archive: CSS
Fixed position Graphene theme header menu
The Graphene theme header menu is placed just below the header image. It scrolls up/down with the page itself. So, the navigation menu is not visible all the time. But, it is possible to change it’s relative position to fixed position by adding some CSS code to Custom CSS …
Styling first paragraph of posts
If you look at the first paragraph of this post, you can see that it is slightly different from the rest of the entry in terms of style. It has a different font, colour and the size is bigger than usual. This is one of the recent changes I’ve made in this site. Actually, I …
Adding hover effect for Graphene social media icons
Social media icons in the Graphene top bar looks more elegantly if you add hover effect to it. For example, if you mouseover the twitter icon in top bar, it gets highlighted. Move your pointer over social media icons in my top bar for a live action or look at these images. This is how …
Recent Comments