Support Forums

Responsive mobile mode – hide Navbar Icon and centralise Social Icons

Viewing 2 posts - 1 through 2 (of 2 total)
  • #18430
    Mike100
    Participant

    Hi,

    I have been trying unsuccessfully to use CSS to hide the navbar icon and centralise the social icons on mobile devices.
    I’m using:

    @media only screen   
and (min-device-width : 320px)   
and (max-device-width : 768px)

    My website, just in case, is: http://mar7ab10.com

    Can you please tell me which elements I need to use for the “display:none” and “text-align:none”?

    Thanks.

    • This topic was modified 11 years, 1 month ago by Mike100.
    #18437
    Daniel Tara
    Keymaster

    Try this code:

    @media screen and (max-width: 760px) {
	#access .nav-show {
		display: none;
	}
	#social-media-icons {
		float: none;
	}
}
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Useful Information

About Us

We craft beautiful free WordPress themes with advanced functionality. Our themes are licenced under GPL and completely free, which means you can use them in any way you like, whether it’s powering up your website, giving your blog a new look, using it for some other project or modifying and redistributing them.

Never miss another release!

Subscribe to our newsletter and we'll keep you updated with new theme releases and recommendations.