Thanks Nikko, I’m so glad to have this code; may use it again… thanks so much!

Thank you, I’ve added the debug code. And, I remember that the map I have on this page is a Snazzy Map, so yes, there is code on this page, which I’m guessing is causing the issue? Here is my Snazzy Map Code:

<iframe src=”https://snazzymaps.com/embed/17025&#8243; width=”100%” height=”600px” style=”border:none;”></iframe>

and, here is the code shown now in the Debug Window on the page:

[av_slideshow_full size='no scaling' min_height='0px' stretch='' animation='slide' autoplay='false' interval='5' control_layout='av-control-default' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll' av_uid='av-4nfic4']
[av_slide_full slide_type='image' id='' video='' mobile_image='' video_format='' video_ratio='' title='' custom_title_size='' custom_content_size='' caption_pos='caption_right caption_right_framed caption_framed' link_apply='' link='lightbox' link_target='' button_label='' button_color='light' link1='manually,http://' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-4jms9o'][/av_slide_full]

[/av_slideshow_full]

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-4ecrzo']
[av_heading heading='FIRE STATIONS' tag='h1' style='blockquote modern-quote modern-centered' size='50' subheading_active='' subheading_size='20' padding='0' color='' custom_font='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-47clac'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='#a8a8a8' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='#000000' icon='ue883' font='entypo-fontello' admin_preview_bg='' av_uid='av-44jaok']

[av_codeblock wrapper_element='' wrapper_element_attributes='' av_uid='av-3wj8b8']
<iframe src=”https://snazzymaps.com/embed/17025&#8243; width=”100%” height=”600px” style=”border:none;”></iframe>
[/av_codeblock]

[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-3oaecs']
<p style=”text-align: center;”>The Iona-McGregor Fire Protection & Rescue District operates 5 fire stations located in vital areas throughout the District.</p>
[/av_textblock]
[/av_section]

[av_layout_row border='av-border-cells' min_height_percent='' min_height='0' color='main_color' mobile='av-flex-cells' id='' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-3jyduc']
[av_cell_one_fifth vertical_align='top' padding='30px,10px,10px,10px' background_color='#f2f2f2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-3e44ec']

[av_image src='https://ionafiredistrict.com/wp-content/uploads/2017/09/Station-71.png' attachment='497' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='yes' font_size='' appearance='on-hover' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='left-to-right' admin_preview_bg='' av_uid='av-3aaxcs']
Station 71
5401 Winkler Road
[/av_image]

[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-318kwc']
<h3 style=”text-align: center;”>Station 71</h3>
<p style=”text-align: center;”>5401 Winkler Road
Fort Myers, FL 33919</p>
<p style=”text-align: center;”>Originally constructed in 1970, and remodeled in 2007, Station 71 was the first Iona McGregor Fire District facility.</p>
[/av_textblock]

[av_hr class='invisible' height='75' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-2yed44']

[/av_cell_one_fifth][av_cell_one_fifth vertical_align='top' padding='30px,10px,10px,10px' background_color='#f2f2f2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-2rkwp0']

[av_image src='https://ionafiredistrict.com/wp-content/uploads/2017/09/Station-72.png' attachment='498' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='yes' font_size='' appearance='on-hover' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in' admin_preview_bg='' av_uid='av-2izht0']
Station 72
16551 McGregor Blvd.
[/av_image]

[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-8ormk']
<h3 style=”text-align: center;”>Station 72</h3>
<p style=”text-align: center;”>16551 McGregor Blvd.
Fort Myers, FL 33908</p>
<p style=”text-align: center;”>The second station was built in 1977. In 1994, a new station was built behind the original location.</p>
[/av_textblock]

[/av_cell_one_fifth][av_cell_one_fifth vertical_align='top' padding='30px,10px,10px,10px' background_color='#f2f2f2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-287go4']

[av_image src='https://ionafiredistrict.com/wp-content/uploads/2017/09/Station-73.png' attachment='499' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='yes' font_size='' appearance='on-hover' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='pop-up' admin_preview_bg='' av_uid='av-206jfo']
Station 73
15961 Winkler Road
[/av_image]

[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-1yxf7g']
<h3 style=”text-align: center;”>Station 73</h3>
<p style=”text-align: center;”>15961 Winkler Road
Fort Myers, FL 33908</p>
<p style=”text-align: center;”>Built in 1990.</p>
[/av_textblock]

[/av_cell_one_fifth][av_cell_one_fifth vertical_align='top' padding='30px,10px,10px,10px' background_color='#f2f2f2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-1sb2yk']

[av_image src='https://ionafiredistrict.com/wp-content/uploads/2017/09/Station-74.png' attachment='500' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='yes' font_size='' appearance='on-hover' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in' admin_preview_bg='' av_uid='av-1kxlv0']
Station 74
6061 South Pointe Blvd.
[/av_image]

[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-1he5wc']
<h3 style=”text-align: center;”>Station 74</h3>
<p style=”text-align: center;”>6061 South Pointe Blvd.
Fort Myers, FL 33919</p>
<p style=”text-align: center;”>Built in 2003.</p>
[/av_textblock]

[/av_cell_one_fifth][av_cell_one_fifth vertical_align='top' padding='30px,10px,10px,10px' background_color='#f2f2f2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-17222c']

[av_image src='https://ionafiredistrict.com/wp-content/uploads/2017/09/Station-75.png' attachment='501' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='yes' font_size='' appearance='on-hover' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='right-to-left' admin_preview_bg='' av_uid='av-13u4gc']
Station 75
15660 Pine Ridge Rd.
[/av_image]

[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-za2l8']
<h3 style=”text-align: center;”>Station 75</h3>
<p style=”text-align: center;”>15660 Pine Ridge Rd.
Fort Myers, FL 33908</p>
<p style=”text-align: center;”>Built in 2009.</p>
[/av_textblock]

[/av_cell_one_fifth]
[/av_layout_row]

[av_section min_height='' min_height_px='500px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='#bf2026' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-qnnfo']
[av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-lx8ek']

[av_hr class='invisible' height='5' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-h7v6k']

[av_textblock size='25' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-9c67w']
<p style=”text-align: center;”>To request a Station Tour, please call (239) 425-9316.</p>
<p style=”text-align: center;”></p>
[/av_textblock]

[/av_one_full]
[/av_section]

No sure way, it’s intermittent.

I just loaded the website in an incognito window and they all appear, every page, what does that mean?

That worked, thank you!

Hi Rikard, I think I’ve removed it, but if not, I’ll provide my login credentials here, in private.

Thanks for your help.

okay, top bar seems to be working now, thank you.

Okay, I turned everything off, all caching on the server level, and I have disabled CSS file merging and compression in Enfold Theme Options, Performance settings.

I also removed my custom css, which was this:
/*TOP BAR COLOR ON MOBILE */
@media only screen and (max-width: 767px) {
#header_meta {
background-color: #030B38!important; color #ffffff !important;
}
}

I have gone into Advanced Styling > Small bar above Main Menu – and I have chosen a very dark background color with white text. I can now see the dark background, but the text does not appear in white, so it must be taking on the color from somewhere else. This is always a problem with Enfold when you use a transparent header, by the way – for some reason it messes with the top bar color when the transparent header is not in effect, like on the mobile version. So I wonder, is the mobile version suposed to take on the colors you’ve chosen in “Small bar above Main Menu” or is there a different way this is supposed to be done, but I just don’t know what it is?

Thank you for your help. Seems like this should be such a simple thing and I hate bothering you about it but maybe we can figure it out once and for all!

Update: just went back and looked, now the top bar on mobile is white and maybe white text. – nothing appears again. No custom css, just advanced styling as detailed above.

• This reply was modified 2 years ago by Eleina_Shinn.

No… it’s messed up in an incognito window as well. I’ll show you two screenshots. Text gets really small for titles, backgorunds disappear. Have only started on two pages, Home and About – but I’ll send you copies of what they look like.

I’m going to move the site to a new server and see if the problems resolve – in the event it is something about the environment it’s in.

(I think it’s a caching issue – the staging area is hosted with Nexcess and I just noticed a Nexcess “flush object cache” button (even though no caching plusin is activated). I flushed it and then the site appeared the way it was supposed to.

Here is what home page looked like before I flushed the Cache:https://imgur.com/BgK0qaQ
Then after: https://imgur.com/WZgxNdJ

So I guess maybe I figured some of it out, still cant figure out colors though – I’ll give something a black background #000000 – and it shows up lighter, as #232323 – here’s an example – but have noticed on several colors sections: https://imgur.com/PusRIxc (there is no overlay)

Yes, of course, here you go, will place in private content. Thank you for looking into this.

That worked, thank you!

Well, it seems to have resolved itself, both sites.

Thank you so much!

That worked, I forgot to tell you, thank you so much!

thank you, that worked!

Try this…

Hi Mike,

That worked great; thank you so much!