Duplicated – https://kriesi.at/support/topic/enfold-theme-background-image-for-only-home-page-at-main-content-bottom-center-2/
Please do not create duplicated topics as it is making it harder for us and for other users to follow.

Regards,
Yigit

Hi Finlando!

Thank you for using Enfold.

Please try adding this on Quick CSS or custom.css to resize the logo to its actual dimension:

.logo a img {
min-width: 485px !important;
max-height: 68px !important;
}

.header-scrolled .logo a img {
min-width: 244px !important;
max-height: 34px !important;
}

Cheers!
Ismael

Hey Connie!

Thank you for using Enfold.

You can add social icons on Enfold > Header panel. Enable the comment section on Settings > Discussion panel. In case you have any questions, please take some time to review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.

If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests page. :)
Thanks!

Best regards,
Ismael

Hi akamaxbuz!

Thank you for using Enfold.

Looks like you figured it out. Using a text block beside the image hot spot is a good idea, you can also use the Code Block element.

Best regards,
Ismael

Hi!

1.) Are you applying this css on a layer slider layer? You can add it directly on Styles > Custom CSS field of the layer slider.

2.) Please apply a unique css class or id to the layer on Attributes panel of the layer slider. Use “hide-mobile” on the Classes field for example then replace the css snippet with this:

@media only screen and (max-width: 767px) {
.hide-mobile {
display: none !important;
}
}

3.) The Portfolio Grid is now set to full width by default like the masonry element. Please place the Portfolio Grid element inside a 1/1 column layout.

4.) Add this on Quick CSS or custom.css to fix the logo on mobile device:

@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
margin: 0 auto;
max-width: 100%;
height: 50px !important;
max-height: 50px !important;
top: 5px;
}
}

5.) Please go to Enfold > Header > Mobile Menu panel. Set the Header Mobile Menu activation to the second option.

Regards,
Ismael

Hey Jessica!

Thank you for using Enfold.

First of all, please try to transfer the site to the actual domain. In order to migrate the theme successfully and leave the database intact, please use this plugin: WP MigrateDB or WP MigrateDB PRO

Refer to this link for more info on how to properly migrate your enfold website from production to development vice versa:

http://kriesi.at/documentation/enfold/move-from-a-local-installation-to-a-live-server/
https://code.tutsplus.com/tutorials/migrating-your-wordpress-database-wp-migrate-db-production-to-development–wp-32684

If the contact form still doesn’t work on the live site, switch to the default WordPress themes then try the contact form 7 plugin.

Cheers!
Ismael

Hi vivify77!

Thank you for using Enfold.

I’m not sure why the image container is covering the tab element but you can add this on Quick CSS or custom.css:

.togglecontainer {
position: relative;
z-index: 8000;
}

Regards,
Ismael

Hi rpletcher!

Thank you for using Enfold.

You can add two layer sliders on the page then use media queries to hide or show them on desktop or mobile device. Please refer to this link: https://kriesi.at/support/topic/displaying-another-slider-on-mobile-devices/

Cheers!
Ismael

Hey Marcelo!

Thank you for using Enfold.

You can refer to this link on how to add an order/orderby feature on the Blog Posts element: http://kriesi.at/documentation/enfold/how-to-add-an-orderorderby-option-to-the-blogpost-sliderportfoliomasonry-grid-element/

Best regards,
Ismael

Hey Robyone925!

Thank you for using Enfold.

1.) Use custom links as the headings and set the url to # (hashtag).

2.) Try to increase the column width with this:

#top #header .avia_mega_div > .sub-menu > li > ul > li a {
width: 200px;
}

And the mega menu position with this:

.avia_mega_div.avia_mega6 {
right: -600px !important;
}

Cheers!
Ismael

Hey blankonblank!

Thank you for using Enfold.

You can use this on Quick CSS or custom.css:

#socket .sub_menu_socket li a {
font-size: 15px;
}

Best regards,
Ismael

Hi famewebdesign!

Thank you for using Enfold.

Did you add any modifications on the child theme? Please create a new page then add the Product Grid element. We would like to see the result.

Cheers!
Ismael

Hi SennerGrillhaus!

Thank you for using Enfold.

You can use multiple Enfold Advertising Area widget. If you want the widget to supply 3 ads instead of 2, edit framework > php > class-framework-widgets.php, remove everything then replace it with this code: http://pastebin.com/fHbqvvuS

Cheers!
Ismael

Hi Marcelo!

Thank you for using Enfold.

Use this to adjust the blog on smaller screens:

@media only screen and (max-width: 1139px) {
.small-preview, #top .fullsize .template-blog .blog-meta {
width: 100px;
height: 100px;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 400px;
}
}

Regards,
Ismael