Thanks a lot.

I can’t see any options to change the “collapse menu” field.
Do I miss something? Isn’t it possible?

(Pro)
Thank you,
mickna

I am hoping there is a way to have the same effect as clicking the ‘Arrow’ icon in the mobile menu to be applied to the menu item itself.

I had my parent items (Heating, Cooling, etc) linked to ‘#’ previously, but if a user were to press the menu item instead of the ‘Arrow’, the menu would close entirely, on a mobile device.

Now those parent items point to nothing, but a user pressing the word themselves has no effect. I would like the submenu to expand and collapse upon pressing that item/word (Same effect as if clicking the ‘Arrow’). Is this possible?

Let me know if I can provide for more information. Thank you in advance for the help.

The menu is not collapsing when being viewed on the mobile version. It was working this weekend perfectly. The only thing I did differently was change to Gutenberg. I’m not sure if this caused issues within the the mobile menu. I deactivated Gutenberg and all the plugins started activating one by one but nothing seems to fix it. I tried adding a mobile menu plugin but it just created another menu and left the current menu static too.

The menu is covering everything in the website so people are not able to view the blogs or recipes.

I had it fixed by someone last time. But I’m really curious as to what the problem could be.

Since then my expandable menu has stopped working properly on both iPhone and iPad. Instead of displaying the menu images and links as it once was, it just showed up as an empty white space although I can still click on it !!! This problem seems to appear only on iPhone and iPad and it’s working fine on Samsung Android mobile. I have already asked my developer to try and fix this but it has been a few days and he seems to have some difficulties fixing the issue.

Anyone experienced such issue before? Anything you can suggest so that I can get this issue over with? I have already tried searching the forum but couldn’t quite find exactly the same issue. So if you have any solutions for this would be greatly appreciated.

Thanks for your kind support and guidance in advance.

I am using Zerif-lite theme and its really great. Right now my menu is hidden when viewing on the mobile view. When I click on the menu toggle button, I can see small portion of menu behind the master slider slideshow. I know it has something to do with z-index or something. I have tried several things. Could anyone help me on this ? I also want the menu toggle button to appear when the user scrolls down. The website I am working on is www.bg-hairsalon.com

https://www.ads-software.com/plugins/xo10-woocommerce-categories-widget/

Site: https://69.175.84.194/~maturesi/wordpress/
?
I want to shrink the 3-bar menu to a smaller size. Then move it to the left of the site before the S-4 logo. And, so when you click it, the menu of links slides from the left side of the page, as opposed to the right.

(I’m a newbie) so I messed up somewhere in the code. When you click the collapse menu it doesn’t vertically display correctly (goes under the header)
I’ve googled around to not much avail, so any help would be massively appreciated as I’m still learning! Thanks -DarkV

Here is the current code in my style.css

/*
Theme Name: Customizr-S4Child
Version: 1.0
Description: A child theme of Customizr
Template: customizr
Author: Administrator
*/
/* Your awesome customization starts here */

/* START OF Move Menu To Left */
.navbar .btn-navbar {
  float: left;
  margin-left: 10px;
.nav-collapse, .nav-collapse.collapse {
  left: 0px;
}

#search {
  float:left;
  width:400px;
  padding:0px 0px;
margin-top:20px;
margin-bottom:auto;
margin-left:-70px;
margin-right:200px;
  background:#fff;
}
background:url() no-repeat;
}
#search form {
margin: 0;
padding: 0;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search p {
margin: 0;
font-size: 85%;
}

#s {
  float:left;
  width:500px;
  padding:7px 0px;
margin-top:-57px;
margin-bottom:auto;
margin-left:240px;
margin-right:310px;
}
#feed-q-input {
 display:block;
 height:14%;
 width:25%;
 border:1px solid #d6d6d6;
 background:url('')
 padding:0px 0px;
 font:normal 18px Arial,Sans-Serif;
 color:#ccc;
 margin:0 0;
 margin-top:-57px;
 margin-bottom:auto;
 margin-left:230px;
 margin-right:310px;
 -webkit-border-radius:0px;
 -moz-border-radius:0px;
 border-radius:0px;
 float:left;
 width:200px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

#searchsubmit {
width:57px;
float: left;
background:#fff url(https://69.175.84.194/~maturesi/wordpress/wp-content/themes/customizr-s4child/search_icon.jpg);
border:none;
font: normal 100% "century gothic", Arial, Helvetica, sans-serif;
color: #FFFFFF;
height:26px;
margin-top:-57px;
margin-bottom:auto;
margin-left:482px;
margin-right:310px;
}

input#s{
width:250px;
height:10px;
background:;
}

@-moz-document url-prefix() {
.tc-header .navbar-wrapper { width: 70%; margin-left: -5%; margin-right: 0%; }
}

@-moz-document url-prefix() {
.navbar .social-block {
float: right;
margin-top: 0px;
margin-right: -28%;
text-align: left;
}

article.page .entry-header {
    display: none;
}

.carousel .item {
line-height: 132px;
overflow: hidden;
min-height: 788px;
}

/* START OF Change Grey Bar between Navbar and Slider */
header.tc-header {
border-bottom: 1px solid #d6d6d6;
}
/* END OF Change Grey Bar between Navbar and Slider */

.navbar .navbar-inner {
 margin: 14px 20px 10px 400px;
 margin-top: 10px;
 width: 40%;
}

/* START OF Change Header Height */
.tc-header, .navbar-inner {
position: relative;
top: -10px;
left: 0px;
top: -10%;
left: 0p%;
min-height: 40px;
max-height: 40px;
}

I see mention of an mfold value in the database, but I can’t tell clients to edit the database to undo a user interface option.