These customizations are possible???

Hey gobbo_79,
I took a look at your site and see that you already have a menu item for both languages, so I would recommend adding some css to either include the language flags before the menu text, or replace the menu text. You could also move your menu items to the top of your menu if you wish.
Here is some css that you can add to your Enfold Theme Options > General Styling > Quick CSS field that will show a flag before the menu text depending on the language.

 #top:lang(it) li.menu-item-824 span.avia-menu-text:before {
content: url(https://png.icons8.com/color/20/ffffff/usa.png);
  display: inline-block;
  padding-right: 10px;
}
#top:lang(en) li.menu-item-822 span.avia-menu-text:before {
content: url(https://png.icons8.com/color/20/ffffff/italy.png);
  display: inline-block;
  padding-right: 10px;
}

Please give it a try and let us know if it meets your needs.

Best regards,
Mike

Hi,
Thank you for the feedback, I believe that I misunderstood your request. Now I believe you have two requests here, the first is to move your language selector to the top of the menu next to the “X”
Which should be able to do, but can you explain which translation plugin you are using, if any, because Enfold has built-in support for some plugins.
I see that your menu language “selector” or menu item works the way you describe, the correct one shows depending on the language, and I shows on both mobile and desktop, so as far as I understand, the only thing you don’t like is that it’s below the menu.
Is this correct?
I did some testing and found that I could move it next to the “X” with some jQuery:

naturally only the correct one will show depending on the language, for both mobile & desktop, will this work?

For your second question, can you have a top bar menu with icons, yes, you can manually create a menu with icons and add it to the topbar at: Enfold Theme Options > Header > Extra Elements > Phone Number or small info text
This post gives the basic idea on how to do this.
Let us know if this helps.

Best regards,
Mike

Hi,
For the first question: ok, so it’s two sites based on language, that is good. So if I can move the language link to the top left side with jQuery will that work?

For the second question, sorry I was looking at the wrong part, unfortunately that menu is going to require quiet a bit of customization, really more than we can assist with. Perhaps to can find a menu plugin that will do this or you can hire a freelancer to do this.

Best regards,
Mike

Hi,
Glad to see that you were able to get it working, to correct the color and font size please try this css:

.header_color .main_menu ul:first-child > li.menu-item-824 > a {
color: #fff !important;
font-size: 16px !important;
}
.header_color .main_menu ul:first-child > li.menu-item-822 > a {
color: #fff !important;
font-size: 16px !important;
}

please adjust the size to suit.
To adjust the location of the menu item in the menu for different screen sizes please try the following css. Please remove the other css so this will work correctly.
ENG:

@media only screen and (max-width: 476px) {
.av-burger-overlay-active li#menu-item-822.menu-item-822 {
    margin-left: -230px !important; 
    display: block !important;
    color: #fff !important;
    animation: fadein 10s;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
}
@media only screen and (min-width: 477px) and (max-width: 770px) {
.av-burger-overlay-active li#menu-item-822.menu-item-822 {
    margin-left: -200px !important; 
    display: block !important;
    color: #fff !important;
    animation: fadein 10s;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
}
@media only screen and (min-width: 771px) {
.av-burger-overlay-active li#menu-item-822.menu-item-822 {
    margin-left: -180px !important; 
    display: block !important;
    color: #fff !important;
    animation: fadein 10s;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
}

ITA:

@media only screen and (max-width: 476px) {
.av-burger-overlay-active li#menu-item-824.menu-item-824 {
    margin-left: -230px !important; 
    display: block !important;
    color: #fff !important;
    animation: fadein 10s;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
}
@media only screen and (min-width: 477px) and (max-width: 770px) {
.av-burger-overlay-active li#menu-item-824.menu-item-824 {
    margin-left: -200px !important; 
    display: block !important;
    color: #fff !important;
    animation: fadein 10s;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
}
@media only screen and (min-width: 771px) {
.av-burger-overlay-active li#menu-item-824.menu-item-824 {
    margin-left: -180px !important; 
    display: block !important;
    color: #fff !important;
    animation: fadein 10s;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
}

Best regards,
Mike

Hi,
Please try removing the code, this should return the buttons so we can try again. I didn’t test with scrolling the menu, as it didn’t look like you had enough items to scroll. As far as the items aligning to different screen widths, I would ask you to test this way: if you are testing in a desktop browser by changing the width to emulate a device, please reload the page for each size, so if you want to test mobile at 425px please reload the page, then change the width to tablet, 768px, and reload again.
Because for your visitor on a mobile device, it won’t suddenly change to a tablet.
Perhaps adding admin login in the Private Content area would allow me to see what the error was. It tested well before I posted the code.
Also can I ask if adding the language selectors in the social media icon line in the mobile menu be a alternative? As they are not “floating” like these are and will not require the fadein, and they will adjust to the browser width changes.

Best regards,
Mike

Hi,
Unfortunately this will take some considerable customization of the theme files to achieve, and doesn’t seem that we will be able to do this effectively with a script or css within the scope of our support. I recommend hiring a freelancer who will be able to devote the time needed to complete this for you.
We recommend Codeable as they are quick and professional. Please follow the link to discuss your project and time frame with them.

Best regards,
Mike

Hi,
The mobile menu will only scroll to view the content in the menu, so the more you have in it the more it scrolls.
Right not it scrolls a little. I don’t see any buttons on your site for a phone number, but I do see a menu item for the contact page. Perhaps you had this disabled when I viewed it.

To make an element sticky please try using a plugin such as Sticky Menu (or Anything!) or myStickyElements

Best regards,
Mike

Hi,
Oh I see, I was looking at your site. So yes, you can add a fixed button to the bottom on your mobile screen (not in the footer) with the plugins I suggested. They can be anywhere on your page, and be fixed to the bottom of your screen, and also be hidden from your desktop view if your wish by using the theme’s built-in screen options.

For your header, please try Headroom.js Here is a users report that it works well with tips on using

But also check the options for the sticky plugins, as they may also offer this and it would be easier for you to setup, since you will be using it anyways.

Best regards,
Mike