Super fly menu search icon and alignment

[Haz]

Hello,

1. I have faced this issue, when my text is overlaying with search icon, could you help fixing that by setting a boundary?

2. Could you advise on how to move the search and menu buttons to marked blue lines.

Thank you!

[ruenel]

Hey Haz,

Thanks for writing in!

1.) Regretfully there is no setting to adjust the boundaries of the search field. You will have to do it by adding a custom css. This is a limitation of the plugin. You may add this additional css in the Advanced tab:

#sfm-sidebar .sfm-search-form input[type=text] {
  padding-left: 50px !important;
}

I got this code by using the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector that is needed. The default value is 32 pixels only which is why I have I increased the value to 50 to make room for the search icon.

2.) I am seeing custom codes in your site that made the menu positioned as fixed within the container. I am seeing this custom code;

#sfm-sidebar .sfm-nav {
    display: table;
}
#sfm-sidebar .sfm-nav {
    position: absolute;
    height: 100%;
    z-index: 999;
    min-height: 50vh;
    max-height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

Have you added this? Please remove your custom code and test your site again.

If nothing is helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/docs/getting-support

Regards.