Hey ac1977,
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 ensure Enfold Theme Options ▸ Performance ▸ Load jQuery in your footer is not enabled, and clear your browser cache and check again.
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

Hey laptophobo,
Please try this css:

@media only screen and (max-width: 767px) {
.responsive #top.page-id-1642 #wrap_all #after_section_1 .sc-av_one_fourth .av_one_fourth {
    width: 47%;
    float: left;
    margin-right: 3%;
}
.responsive #top.page-id-1642 #wrap_all #after_section_1 .sc-av_one_fourth .av_one_fourth.first {
    clear: none;
}
.responsive #top.page-id-1642 #wrap_all #after_section_1 .sc-av_one_fourth .av_one_fourth.avia-builder-el-9,
.responsive #top.page-id-1642 #wrap_all #after_section_1 .sc-av_one_fourth .av_one_fourth.avia-builder-el-25,
.responsive #top.page-id-1642 #wrap_all #after_section_1 .sc-av_one_fourth .av_one_fourth.avia-builder-el-33 {
    clear: both;
}
}

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

Best regards,
Mike

Hi,
Please try this instead:

#main a:not(.avia-button), #footer a:not(.avia-button) {
    text-decoration: underline;
}

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

Best regards,
Mike

Hey rixi,
Thank you for the link to your site, I see that the font size of the button is 24px due to this custom css:

.avia-button span {
    font-size: 24px !important;
}

if you remove this the font size will go back to 13px and you button will be smaller.
The letter spacing is due to this custom css:

#top #wrap_all .avia-slideshow-button,#top .avia-button,.html_elegant-blog .more-link,.avia-slideshow-arrows a:before {
    padding-top: 20px;
    padding-bottom: 20px;
    letter-spacing: 0.36em
}

try removing #top .avia-button from the css, if there is a certain button you wanted to target with this css let us know and we can help correct your css.
If you can’t find were to make these edits, 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, 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