mobile menu position

Hey Concre,

To move the menu icon to the left side, try adding this css code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  .responsive #top #wrap_all .main_menu {
    left: 0;
    right: auto;
  }

  .responsive #top .logo {
    float: right;
  }
}

As for the for the other request of your client, can you give us a mockup or a screenshot showing he/she wants to achieve so we can visualize it properly and give you css codes that should work.

Best regards,
Nikko

Hi,

Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

Best regards,
Basilis

Hi Concre,

Try using this css code:

.html_av-overlay-side #top .av-burger-overlay-scroll {
    right: auto;
    left: 0;
}

if that doesn’t work, use this instead:

.html_av-overlay-side #top .av-burger-overlay-scroll {
    right: auto !important;
    left: 0 !important;
}

Hope it helps.

Best regards,
Nikko

Hi Birgit,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

 @media only screen and (max-width:990px){
     #top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items {
        border-bottom: 1px #fff solid;
    }
 }

 .html_header_sidebar #header .av-main-nav > li > a {
    border-bottom-style: solid;
    border-bottom-width: 2px;
 }

If you need further assistance please let us know.

Best regards,
Victoria

Hi Concre,

Yes, it is customizable, you just need to change the value in border-bottom-width from 2px to larger value like 4px, etc.
Then for the other code Victoria gave:

border-bottom: 1px #fff solid;

The 1px there is the thickness, just change the value.
Hope this helps.

Best regards,
Nikko

Hi Concre,

I checked your site however I don’t see any changes.
Can you try to flush out the cache? if you have a caching plugin enabled.
Also in Enfold > Performance, try to disable CSS file merging and compression.
Let us know if this helps.

Best regards,
Nikko

Hi Birgit,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi Concre,

Thanks for giving us admin access.
I noticed that the > (greater sign symbol) was converted to:

& g t ;

without the spaces, I just fixed it then rearranged the code you have in Quick CSS.
Let us know if you need further assistance :)

Best regards,
Nikko

Hi Birgit,

Glad that we could help.
If you will still need our help, just create another thread and we’ll surely help you with it :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko