[husker]

I use a Child Theme and would like to move the mobile menu location. I have figured out to add the word menu.

I want to get have the 3 bars and Menu text show up on the right and be enclosed with a box I can assign a color and have the word Menu on the left side of the 3 bars and not below.

http://bayareahuskers.org/wp/

[Mahesh]

Hi @husker,

Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

#mobile-header-left-menu {
    float: right;
}
.mobile-menu-text {
    display: inline-block;
    vertical-align: top;
}

Regards,
Mahesh

[husker]

Ok, i am close. I am seeing the mobile menu on my desktop and on iPhone as expected.

Here is the code I am using in CSS. What needs to be corrected to only see the mobile menu on iphone devices?

.mobile-menu,
.mobile-menu-anchor,
.mobile-menu-text {
display: Menu; display: inline-block;
vertical-align: top;

}

#mobile-header-left-menu {
float: right;
}

#mobile-header-right-menu {
float: right;
}

.mobile-menu-anchor a.genericon-menu,
.mobile-menu-anchor a.genericon-menu:hover {
color: #ffffff;
text-decoration: none;
background-color: #cc0c2f;
font-weight: bold;

}

http://bayareahuskers.org/wp/

Brian

[husker]

Ok I changed the code in CSS as follows. I moved .mobile-menu-text code to be below the #mobile-header-left-menu and that seemed to work. is that correct?

.mobile-menu,
.mobile-menu-anchor,

#mobile-header-left-menu {
float: right;
}

.mobile-menu-text {
display: Menu; display: inline-block;
vertical-align: top;

}

#mobile-header-right-menu {
float: right;
}

.mobile-menu-anchor a.genericon-menu,
.mobile-menu-anchor a.genericon-menu:hover {
color: #ffffff;
text-decoration: none;
background-color: #cc0c2f;
font-weight: bold;

}

[Mahesh]

Hi @husker,

The menu seems to be working fine, what seems to be the problem.

Regards,
Mahesh

[husker]

Just msking sure i did it right. Mark it completed. You guys are great. Thanks again.

[Author]

Posts