Hi,
Thank you for the link to your site, please try this css instead:

#top.single-portfolio .title_container {
position: fixed;
top: 82px;
z-index: 1000;
width: 100%;
}
#top.single-portfolio #sub_menu1 {
top: 142px !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience, you had an error because you had the option Enfold Theme Options ▸ Performance ▸ Load jQuery in your footer set, I disabled this setting and now the script works correctly.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Please link to your page so we can examine.

Best regards,
Mike

Hey PhatJ,
Thank you for the link to your site, I assume that you only want the “TAKE A LOOK AROUND” section to convert from 3 columns to 1 below 1024px, so please try this css:

@media only screen and (max-width: 1023px) { 
	#top.home #av_section_3 .flex_column_table,
	#top.home #av_section_3 .flex_column_table_cell {
    display: block;
    width: 100%;
    margin-left: 0;
	}
}

please note that the first three 1/3 columns do not have a top margin set like the bottom three, so when the section is forced into a single column the first three columns have no space between them link the bottom three, please compare the settings and try to match. If you can’t I can add css to this solution to correct, if you wish.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Angelo,
Please try this solution

.title_container {
position: fixed;
top: 122px;
z-index: 1000;
width: 100%;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, 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,
Ok, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, and thanks for sharing your tweak, shall we close this then?

Best regards,
Mike

Hey PhatJ,
Unfortunately this is not a feature, but if you want to use only one submenu on a page and don’t enable the “sticky” option

you can use this css to stick the menu to the bottom of the page:

#top #main #sub_menu1 {
	bottom: 0vh;
    position: fixed;
}

example page linked below

Best regards,
Mike

Hey laptophobo,
Thanks for the link to your page, please try this css:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #program-highlights .avia-content-slider-odd .no_margin.av_one_third.slide-entry.first,
.responsive #top #wrap_all #program-highlights .avia-content-slider-odd .no_margin.av_one_third {
    width: 33.3%;
    clear: none;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please try disabling your Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and then at the bottom of the same page enable the Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files
Then disable your plugins and clear your browser cache and check again, if the issue is resolved, enable your plugins one at a time until the error shows again and note that plugin as the conflict, I believe that it is probably your smush lazy load but it could be another.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Thank you for the link to your site, I checked your Quick CSS and found the css that Yigit suggested removing still there so I removed for you

.html_stretched #wrap_all {margin-top: -20px!important; }

now that the icons show correctly I note that your link and text below them has black color on a black background so I added this css to show:

@media only screen and (max-width: 479px) { 
	#top #header_meta a {
    color: #fff !important; 
	}
}

please clear your browser cache and check.

Best regards,
Mike

Hey steridhh,
Thank you for the screenshots, I tried to test this on my demo site with a new editor role but it shows the toolbar correctly

are you using any role editor plugins or functions to limit roles? If so try disabling them and checking again, If this doesn’t help please try disabling your other plugins, and try testing with a newly created editor login.

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

Hey josk-design,
Thank you for the link to your site, I see that your map is a shortcode in a code block element, I added this ID to the code block element mappress-shortcode and then added this css to your Quick CSS field in your theme options:

@media only screen and (min-width: 767px) and (max-width: 1022px) { 
#mappress-shortcode .mapp-iframe {
	 height: 267%;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1438px) { 
#mappress-shortcode .mapp-iframe {
	 height: 212%;
}
}
@media only screen and (min-width: 1439px) { 
#mappress-shortcode .mapp-iframe {
	 height: 156%;
}
}

this will increase the map as you wished for basically three screen sizes
768px, 1024px, & 1440px and up, this should cover almost all devices, but there is not a way to make it truly exact because where you want the map to end is not the bottom of the column.
Please clear your browser cache and check, this is the expected results:
768px

1024px

1440px

1920px

Best regards,
Mike