Forum Replies Created
-
Posts
-
Hi,
I am having the same problem with images no longer appearing in a column in a Mega Menu. I also understand your Mega Menus and I’ve used them many times, so I feel that maybe a recent update has caused issues?
Here is a site that I created with Enfold, where I accomplished exactly what I’m trying to accomplish on a new site, but cant. See Mega Menus under s: “Charters” and “About”. Here is the site: https://takemetheresailing.com/. This site has Enfold Version 4.8.6.5
So now my new site, where I wish to accomplish the same thing, and I have done the same thing, but an image will not appear in a Mega Menu unless you place a sub-menu item under it. https://3f6c0ed8c6.nxcli.net/ This site has a newer version of Enfold, Version 4.8.9. Interestingly, on this site, if I place a menu item under the Image Column, the image will appear, but with nothing under it (which is what I want and what I did on the other site), it will not appear.
On this new site (coming soon page up, placed login credentials below), the Mega Menu is under About; the first column is empty (I have an image there); only the second column appears.
Thank you for your help.
This is totally awesome!!!! Thank you Mike, you are the best!
Except, I wonder if you could help me figure out one thing. Since I have multiple rows of team members (right now I have 3 rows), it’s placing white space under each row (as if the team member descriptions were actually there.
Here’s my page: https://3f6c0ed8c6.nxcli.net/about-us/musicians/
Okay, yes, I found the culprit.
/*MAKE SUB-MENUS LARGER WIDtH */
.av-main-nav ul { width: 300px !important; }Because I tend to use this on all my sites, including the others where I had no problem with mega menus, I didn’t think to look at this, but once I removed it, then I didn’t need your code for the picture to appear – it just appeared, and the columns are now evenly spaced.
Thank you!
Okay, thank you, that worked, but it has always worked outside of the box without css; has something changed, pictures aren’t part of the mega menus anymore?
It also seems really small. Take a look at another site I created with Enfold, where I added images to the Mega Menu with no trouble. They appear much larger: https://takemetheresailing.com/ And, if I change the pixels in the css you provided, from say 300 to 400, it steals space from the 3rd column, so didn’t really work.
Hi, I’m tagging into this because I have a background video in a Color Section, and it looks awesome, but I would also like to see it take from the Top Center or Center Center of the video, because some of the heads are getting cut off of the top. And I didnt see an answer to this question.
Can this be done using css, or you mentioned in this thread a config-templatebuilder file, but I didn’t see a way to change it there either.
Your help with accomplishing this would be much appreciated.
The video is on the home page here: https://heartvascularsurgerycenter.com/ but I have a coming soon page up, so I’ll provide login credentials below.
hmmm… doesn’t really work – it adds space to the top bar, more space under buttons, when what we actually need to accomplish is get the phone number moved down – so more space on top of it, no more space at the bottom, because right now the buttons have small amount of space top and bottom, perfect, but if I add this code, there is now a bunch of space added under the buttons, to the entire top bar, which is unnecessary.
Here’s a screenshot: https://nimb.ws/yF6bl2
I really have tried a bunch of things, to no avail.
Okay, this is awesome, thank you! Could you help with one more thing? Although the buttons look great on the right hand side, now the phone number at the top is tiny and butted up to top, whereas it needs to be centered vertically, just like the buttons, and a little larger. Could you help with that?
Thank you!
Okay, I’ve tried this.
First: I placed the phone number on the left in Theme Options, Then I added a Header Widget Area and paced my side by side button code there, but now the buttons are under the Menu.
1. How do I get my buttons to be in the Top Bar on the Right the way there were in this image: https://nimb.ws/M0A1OW ?
Hmmm, don’t know why you can’t see the bypass link: https://heartvascularsurgerycenter.com/bypass Try that one.
I’ll also give you login credentials in private content.
I did try adding 30 pixels to the Header, then I tried removing 30 pixels, just to see if anything changed , but nothing happens either way. Would you mind taking a look?
I appreciate your help.
Okay, maybe I wasn’t clear…. I have the buttons on the Right
But now the only options I have to place something on the Left side of the top bar are to display “Social Profiles – “top bar at the left” – or Header Secondary Menu” top bar at the left. There is no space to add exactly what you want like there is underneath for Header Phone Number/Extra Info.
Does that make sense?
Oh my gosh, I never knew it was that simple, thank you! That worked like a charm…. may I ask you one more question? Since I’ve now used the right side for buttons (instead of phone number).. is there a way to now add the phone number on the left side of the top bar?
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″ 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″ 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]I think this is great, used the 2nd rule, but if something changes, I’m glad to have the 1st rule in my back pocket as well. Thank you!
One more thing though, I’m not sure if you noticed, but after you hover over an item, then click on it, a white strip of color goes across it until the new page loads… do you know why it’s doing that? must be taking the white from some other styling setting or code.
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?
Yes, I had, but when I went back in this morning, it had reverted back to the parent theme instead of the child (I had done everything within the child theme); so that must have been the problem, and I didn’t realize it, now it’s working. So sorry and thank you; hate bothering you guys unnecessarily!
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, for sure I will, and so sorry, but I still can’t make it work. I just went into the page /products – the problem still exists – the tag is still open.
and I can open that element where the tag was not closed, but I cannot close it – same problem – I can add the closing tag, but the element will not save, so I cannot fix it.
I even tried adding a new element – a new special heading underneath, with no tags, dragging it up there – removing the old one that didn’t have the closed tag, then saved the page, but the change does not take effect.
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.
