Hi,
Thanks for the feedback and the link to your example site, it helped me by seeing what they have done. When I check the site I see the break point for the mobile menu is 992px, and the set the menu item width to 14.25% and the font is a little smaller.
So to show the burger menu until 991px we will use this css:

@media only screen and (min-width: 767px) and (max-width: 991px) {
  #top #header .av-main-nav > li.menu-item  {
      display: none!important;
  }
  #top #header .av-burger-menu-main.menu-item-avia-special  {
      cursor: pointer;
      display: block!important;
  }
  #top #header .av-main-nav > li > a {
  	background-color: transparent !important;
  }
  .html_header_top #top .av_menu_left .main_menu {
    right: 20% !important;
    left: auto !important;
  }
  .html_header_top .av_bottom_nav_header .av-logo-container .main_menu {
    display: block !important;
}
  #top #header_main_alternate {
	 display: none;
}
}

the expected results:

Then to set the main menu similar to the other site we will use this css:

@media only screen and (min-width: 992px) { 
.main_menu {
    display: flex;
    align-items: center;
}
.avia-menu>ul.av-main-nav {
    margin: 0;
    display: flex;
    justify-content: space-around;
    position: relative;
}
.avia-menu>ul.av-main-nav>li.menu-item {
    width: 14.25%;
    padding: 0;
}
.avia-menu>ul.av-main-nav>li.menu-item>a,
.avia-menu>ul.av-main-nav>li.menu-item>a span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
    font-size: 18px;
}
.avia-menu>ul.av-main-nav>li.menu-item .avia-menu-text,
.avia-menu>ul.av-main-nav>li.menu-item-search-dropdown {
	display: flex;
    justify-content: center;
}
#top #header_main_alternate .container {
    margin: 0 auto;
    padding: 0px 50px;
}
}
@media only screen and (min-width: 1200px) { 
.avia-menu>ul.av-main-nav>li.menu-item {
    margin: 0 13px;
}
}

the expected results 992px:

and at larger screens 1440px:

Please give this a try.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
No, I didn’t do anything except look as you requested and took some screenshots because I found nothing wrong.

Best regards,
Mike

Hey Marc,
Thanks for the link to your site, the issue is the iframe in the code block, I tested removing it and the footer showed correctly, Please see the screenshot in the Private Content area.
I added it back for you to examine, I don’t see a cause for this in the iframe, perhaps it is something in the code of the iframe?

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Perhaps it is disabled in the backend of the page at Layout ▸ Header visibility and transparency
The login above doesn’t work so I can’t check.

Best regards,
Mike

Hi,
Please see the explanation here.
I believe that your “Gallery page” is actually the woocommerce shop page so to add the image and shortcode breadcrumb there you will need to edit the new function that I added above.
You would add is_shop() I did this for you, please check.

Best regards,
Mike

Hi,
On your start page you are using a fullwidth submenu, this can not display a maga menu like the main menu on your other pages.

Best regards,
Mike

Hi,
I believe this was another thread and I just did it, please check the link below.
If this is not what you mean, please link directly to the page, and please explain in detail.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Your screenshot is of the new text element with no div tags, so I’m not sure what you are referring to with this screenshot.

Best regards,
Mike

Hi,
Thank you for the link to your site, I added the required custom class to your masonry element:

I didn’t find the required css on your site, so I added it to WordPress ▸ Customize ▸ Additional CSS
and now for mobile it seems to be working:

Best regards,
Mike

Hi,
Thanks for the screenshots, it looks like the page you want to be 960px is the blog page, and I assume other pages, so I recommend settings the site content width to 960px at Enfold Theme Options ▸ General Layout ▸ Dimensions ▸ Content | Sidebar Ratio.
Then it looks like a single post is the page you want to be 720px, I would achieve this will css like trying this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.single-post .fullsize .template-blog .post .entry-content-wrapper {
	  max-width: 720px;
}
#top.single-post .av-content-full > .related_posts {
	max-width: 720px;
}
#top.single-post .av-content-full > .comment-entry {
	max-width: 720px;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
This css assumes that the single post is created with the default editor, and your settings are similar to my demo site, unfortunately there are so many settings that to give to an exact solution I will need to see your page. You could include a admin login in the Private Content area below, or we could wait until your site is live.

Best regards,
Mike

Hi,
Go to your menus and hover over the “delete menu” and you should see a browser tool tip for the URL, in the URL you should see the menu ID like this screenshot that shows menu=12

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, bbarasa did this help you?

Best regards,
Mike

Hi,
Thank you for helping Guenni007, Tim please include an admin login in the Private Content area and a direct link to the page in the screenshot so we can check why this is not working for you.

Best regards,
Mike