Hi,
Sorry you can’t switch the social icons like that, you need to use the methods above. But since you downloaded your custom icons from
fontello you can get the character codes in that zip.
If you link to the file you are using via dropbox I can help you. Hopefully you are using a child theme so your changes will not be lost with future theme updates Read about it & Get it here

Best regards,
Mike

Hey BRempfer,
What webhost are you using?
We can try to manually install the demo for you, I see the admin login is working, but we will also need FTP access, please include in the private content area.
Please note that you will lose all content and setting with a manual install.

Best regards,
Mike

Hey trudiligence,
Sorry I have not seen anything regrading this, but I do see that the plugin allows you to exclude URLs from the cache, perhaps if you exclude /wp-content/uploads/dynamic_avia/ & /wp-content/themes/enfold/js

Best regards,
Mike

Hey igaudette,
Try this code in the General Styling > Quick CSS field:

#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { 
max-width: 100%!important; 
}

Best regards,
Mike

Hey rainmachine1,
Please try adjusting the maximum width of your site at: Enfold Theme Options > General Layout > Dimensions > Maximum Container width and Content Sidebar Ratio
Right now it looks like you are using a boxed layout with 70% width, Please try a stretched layout to maximize your page at Enfold Theme Options > General Layout > Layout.

Best regards,
Mike

Hey Jasmer,
Importing demos will overwrite your current settings, the best way to copy pages from different demos and add them to your site is to create a localhost install on your computer and import the demos there.
Then Enable Avia Layout Builder Debug on both your localhost and your live site, and copy the shortcode to your live site.
The shortcode won’t include the images, so you’ll also need to upload the images to your live site too.
Then you can reset your localhost and download a different demo, repeating until you have all the pages you wish.

Best regards,
Mike

Hi,
I adjusted the forms and added the page ID’s to the rules so there won’t be a chance of cross errors in the future. I only found the two forms, but I thought there was another, unless one had changed. Please check and let us know if there is another form.

.page-id-37 p#element_avia_1_1,.page-id-37 p#element_avia_3_1,.page-id-37 p#element_avia_5_1,.page-id-37 p#element_avia_7_1,.page-id-37 p#element_avia_8_1,.page-id-37 p#element_avia_9_1,.page-id-45 p#element_avia_3_1,.page-id-45 p#element_avia_1_1  {
padding-right: 10px;
}

Best regards,
Mike

Hey JMDP,
You have the right code, only you also have another rule that declares a 0px border with !important; for the same page which is why you are having trouble. Please see screenshot in Private Content area.
Please try changing the other rule so it is more specific, such as adding the element ID, so it won’t interfere with other pages & rules, like this:

#top.home #references figure.av-inner-masonry.main_color {
    border: 0px solid #333333!important;
}

Please use this more specific portfolio rule:

#top.home #portfolio figure.av-inner-masonry.main_color{
border:1px solid #808080!important;
}

Best regards,
Mike

Hey patricknh,
To add a email icon, go to Enfold Theme Options > Social Profiles > Your social profiles and click the “+” below one of the current icons, then select “Special: Email Icon” and add your “mailto” and email address, or a link to your contact page.

To change the size of the icon, try this code in the General Styling > Quick CSS field:

#top #header .social_bookmarks li a {
    font-size: 20px !important; 
}

adjust to suit.

Best regards,
Mike

Hi,
For the hr:after part of the css, it should also include the class, like this:

hr.hr-text:after {

I corrected the example above. For your css please use these:

hr.newsletter:after
hr.instagram:after

Best regards,
Mike

Hi,
Thank you, we are happy to help :)
Is there anything else we can assist with on this issue, or shall we close this then?

Best regards,
Mike

Hi,
For the mobile menu, I changed the code from:

.header_color .main_menu ul ul {background: #e4d7bf url(https://static.campbellhillsguestranch.com/themes/CampBell17/images/layout/leatherBG.jpg) no-repeat right top !important;}

to this…

.header_color .main_menu ul ul,.header_color .main_menu ul li {background: #e4d7bf url(https://static.campbellhillsguestranch.com/themes/CampBell17/images/layout/leatherBG.jpg) no-repeat right top !important;}

For the header logo I changed your code to this….

@media only screen and (max-width: 767px) { 
.av-logo-container .logo img {
    margin-bottom: 20px !important;
} 
}

Best regards,
Mike

Hey scampbase,
We can hide your menu with css, but do you want it hidden for all screen sizes? If you do, have you tried removing all of the menu items from the menu?
If you only want to hide it for some screen sizes, Please include the url to the menu in question so we can assist.

Best regards,
Mike

Hi,
For the footer social icons, we also needed to add this to quick css:

.widget .social_bookmarks li { clear: none !important; }

I did so, please check.
For the menu background, perhaps try clearing your browser cache, as it seems full length to me. Please see screenshot in Private Content area.
For footer spacing on desktops, I added this to reduce the space, note the 3% margin-left, the standard is 6%, you can adjust this more if you wish.

@media only screen and (min-width: 787px) { 
#footer .flex_column.av_one_third.el_after_av_one_third {
    margin-left: 3%!important; 
}
#footer .container {
width: 80%!important; 
display: flex!important; 
justify-content: center!important; 
}
}

For the mobile footer widgets, when they are stacked, you have a extra empty widget that is adding margin and space. With this code it is hidden, along with other element’s margin:

@media only screen and (max-width: 765px) { 
#footer #custom_html-5 {
display: none !important;
}
#footer #media_image-2,#footer .container .flex_column:nth-child(2),#footer .container .flex_column:nth-child(1) {
margin: 0px !important; 
}
}

Please check.

Best regards,
Mike

Hi,
Ok, I believe I have solved your issue. Please clear browser cache and check.
The issue is when you update your site via FTP, you need you remove your old theme folder first, otherwise old files are left in the folder that brake the theme.
I see your theme folder is named enfold2, so I renamed the folder to “enfold2-old” and uploaded a new “enfold2” everything seems to be working now, after you check and find everything is working correctly, please delete “enfold2-old”.

Best regards,
Mike