I have posted this issue a few times this year and also am curious on a solution.
The pan option used to show up and work correctly but doesn’t anymore inside Enfold although it is still a google maps feature.

Jon

Nevermind, I saw that MailChimp now finally lets you rename even standard Field Labels inside of their program.
Changing the label there, then refreshing the API Key inside Enfold changes the Placeholder in two seconds.

Jon

I do have an issue that is still going on after applying the fix though.

For some reason when I click on Past Events it stacks them really weird on the initial load, but is fine if you then hit refresh.
http://www.itsgreektomemn.com/events

In addition to the Past Events page, I assume it will end up doing the same thing on the Main Events page once I have 4+ events which creates a second row. Any idea on what’s going on with it.

Thanks
Jon

Yigit,

Thanks that was very helpful.
I took your code, but subbed in an alternative background image instead of a color and for some reason the new background image isn’t taking up the full header container height so the main header image is still visible below it for the bottom 30px or so

code for different background image on mobile

@media only screen and (max-width: 480px) {
div#header_main {
background-image: url(https://www.FFFFFFFFFFF.com/wp-content/uploads/2017/03/home-header-mobile.jpg); height: 131px !important;
}}

Along with this to set the header container size on mobile/tablet

@media only screen and (max-width: 768px) {
#header_main .container {
  max-height: 131px;
}
#header_main {
  height: 80px;
}
.responsive .logo img {
  max-height: 80px;
}
.responsive .logo a { vertical-align: top; }}

@media only screen and (max-width: 768px) {
#header { max-height: 131px !important; }}

even if i use an alternative color like background-color: black; it still doesn’t fill the entire container leaving the main background image visible

Thanks
Jon

an update on this as I use AdSense on a blog http://www.bigboytravel.com with Enfold which gets 600,000 monthly visitors and it works great.

I also recommend using a series of shortcodes for your add units which you can customize on the backend functions.php quickly to change them site wide. There have been times where new versions of WordPress have blocked AdSense script and without custom shortcodes I would have had a headache.

float right in text example with custom shortcode of wp_ad_camp_1/

function tall_r_shortcode() {
?>
   <div style=" float: right; margin: 5px; ">
   <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
   <!-- 300x600 Content -->
   <ins class="adsbygoogle"
       style="display:inline-block;width:300px;height:600px"
       data-ad-client="ca-pub-3xxxxxxxxxxxxxx"
       data-ad-slot="xxxxxxxx2"></ins>
   <script>
   (adsbygoogle = window.adsbygoogle || []).push({});
   </script>
   </div>
<?php
}
add_shortcode('wp_ad_camp_1', 'tall_r_shortcode');

can center a variation easy also

function medium_m_shortcode() {
?>
   <center><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
   <!-- 336x280 Content -->
   <ins class="adsbygoogle"
       style="display: block; float: center; width: 336px; height: 280px;"
       data-ad-client="ca-pub-3xxxxxxxxxxx"
       data-ad-slot="xxxxxxxxxx4"></ins>
   <script>
   (adsbygoogle = window.adsbygoogle || []).push({});
   </script></center>
<?php
}
add_shortcode('wp_ad_camp_5', 'medium_m_shortcode');

Keep in mind that if the code code is meant to by used at html or script you must open it with ?> and close it with <?php inside the function. If it is just live text fo some reason you don’t need to do that.

Also a worth noting that doing short codes this way forces the Ad Unit to the top of the container it sits in although it does maintain it’s float, alignment, and padding. That means if you have a long article and want multiple Ads you need to break the page/content into multiple Color Sections or Grid Rows to avoid having all the Ads push to the top of the page. It’ll make sense when you try it, but is an easy fix.

Hope that helps others
Jon

Great work Josue, was looking for this.

I just used it on a website and one add one thing, needs a min width rule to avoid causing issues with overriding the standard mobile menu on mobile devices. The logo was still full sized on mobile without a min rule, plus the navigation was way off screen and un-collapsed. Is un-collapsed even a word?

@media only screen and (max-width: 1150px; min-width: 768px) {
.html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
.html_mobile_menu_tablet #mobile-advanced{display:block;}
}

Also added this to make the mobile nav sticky with the padding being the height I set the Header to under theme options

@media only screen and (max-width: 767px) {
.responsive #top #main { padding-top: 90px!important; }}

Jon

Thanks guys that code worked great for me also!

With the venue part fixed, I am still struggling with the ajoined Schedule/Date part.
Have the following code, but it is only changing the Venue part

span.av-upcoming-event-venue {
font-size: 14px!important; color: #292629!important; }
}

span.av-upcoming-event-schedule {
font-size: 14px!important; color: #292629!important; }
}

have also tried .av-upcoming-event-data & .av-upcoming-event-meta with no luck
example can be found at the bottom of this page http://www.gogolfwi.com/northeast-wisconsin/pine-hills/

Thanks
Jon

Andy,

Awesome, that worked great when using a child theme!

Glad i know both options now.

Sounds great, If I think of anything else I will open a new thread.

Just to help other Enfold users out. To add the Google Font of Sort Mill Goudy, this code

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Sorts Mill Goudy'] = 'Sorts Mill Goudy:400,400italic';
return $fonts;
}

was placed right below this line in inside functions.php
if(isset($avia_config['use_child_theme_functions_only'])) return;

But how should it be handled in a child theme?
Does all of the code from Enfold functions.php need to be pasted in the child theme functions.php or just the portion we are adding to it?
I ask since the Google font code seems to not work if added to the end of the file and needs to go in a specific place.

Thanks a ton!
Am