Quantcast
Channel: Topic Tag: mobile | WordPress.org
Viewing all articles
Browse latest Browse all 22090

berelson@hotmail.com on "Magazine Basic changing mobile menu icon to text 'menu'"

$
0
0

I understand Bavota's Magazine Basic theme uses Bootstrap. I looked at the css code for mobile nav and can't figure out how to change the icon (fsomething??) to read simply as 'Menu'

I'm using a child theme. Code from orig menu follows:

/* =Mobile Navigation
-------------------------------------------------------------- */
#mobile-menu {
	background: #1b1b1b;
	display: none;
	text-align: right;
	padding: 5px 10px;
	border-bottom: 1px solid #000;
	}

	#mobile-menu a {
		width: 45px;
		margin: 0 0 0 5px;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		text-decoration: none;
		font-size: 20px;
		border-radius: 8px;
		color: #ffffff;
		background: #000;
		box-shadow: inset 1px 1px 1px #000, 1px 1px 1px #333;
		text-align: center;
		display: inline-block;
		}

		#mobile-menu a:hover {
			background-color: #333;
			}

#mobile-menu a.left-menu {
	float: left;
	margin: 0 5px 0 0;
	}

	.offcanvas #site-navigation li a.open:not(:last-child):after,
	.offcanvas #site-sub-navigation li a.open:not(:last-child):after {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		}

		.offcanvas .widget {
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			margin: 30px 0 0;
			}

	.left-menu-open {
		position: relative;
		left: 260px;
		}

#drop-down-search {
	clear: both;
	display: none;
	padding: 14px;
	background: #333;
	}

	#drop-down-search #searchform {
		padding-right: 18px;
		}

	#drop-down-search #site-search {
		width: 100%;
		}

.offcanvas #site-navigation ul ul,
.offcanvas #site-navigation li,
.offcanvas #site-sub-navigation ul ul,
.offcanvas #site-sub-navigation li {
	width: 100%;
	border: 0;
	}

	.offcanvas #site-navigation ul ul,
	.offcanvas #site-sub-navigation ul ul {
		display: none;
		position: static;
		opacity: 1;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		}

		.offcanvas #site-navigation ul ul li a,
		.offcanvas #site-sub-navigation ul ul li a {
			padding-left: 30px;
			}

			.offcanvas #site-navigation ul ul ul li a,
			.offcanvas #site-sub-navigation ul ul ul li a {
				padding-left: 50px;
				}

	.offcanvas #site-navigation li a:not(:last-child):after,
	.offcanvas #site-sub-navigation li a:not(:last-child):after {
		content: "\f024";
		}

	.offcanvas #site-navigation li a,
	.offcanvas #site-sub-navigation li a {
		background: #333;
		border-bottom: 1px solid #222;
		border-top: 1px solid #444;
		padding: 8px 16px;
		color: #fff;
		display: block;
		font-size: 14px;
		text-transform: none;
		}

		.offcanvas #site-navigation li a:hover,
		.offcanvas #site-sub-navigation li a:hover {
			background: #444;
			}

	.offcanvas #site-sub-navigation li:before {
		content: "";
		}

Viewing all articles
Browse latest Browse all 22090

Trending Articles