Hi,

We will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hey Chnine,
Sorry the ‘toggle fullscreen view’ box is added by Google maps and can’t be hidden.
The map marker is centered when the page is loaded in the browser. I believe you are experiencing a non-centered map marker by loading the page and then adjusting the size of the window to emulate different devices. If you set the browser to the size you wish to test and then refresh you will find the map marker centers, as it will in the natural device.
This behavior is also controlled by Google.
Sorry, I wish I could have been more help.

Best regards,
Mike

Hey Niico93,
I looks as though you have the background set to contain, which forces the image to show it’s full width and distort to match the height of the section. Setting to cover would match the height but not show the full width.
Might I suggest that for mobile devices you replace the image with a solid color, because with all of the elements you have on the page, at mobile I couldn’t make out what the image was, it just looked brown to me.
Although at desktop there is enough room around the elements to see the image.
Otherwise my suggestion would be to set the background to cover and center the image on the barrel for mobile. We can help with this if you wish.

Best regards,
Mike

Hey Rick,
Sorry I’m not sure I understand, can you provide a screenshot of the notification?

Best regards,
Mike

Hey Zetrh,
Please include a url to the page with the issue. I tried to find a page with a transparent header & a submenu but could not.
When you say “cancel my submenu items” do they disappear or are not clickable?

Best regards,
Mike

Hi,
Sorry this feature is not available yet. Please feel free to request – or vote if already requested – such feature on Enfold feature request form.
This is where the developers look to decide which features to add to each theme update.

Best regards,
Mike

Hi,
I found that the link lands on the anchor correctly, but the Masonery gallery is loading afterwards and pushes the page down, so by the time you see the page it looks like it is not on the anchor.
Please see this explanation
So the solution is to set a min-height for the Masonery gallery element.
I added this css code in the General Styling > Quick CSS field:

#print.avia-section {min-height: 8151.49px !important; }

and tested it in a couple of browsers, and it seems to work.
please clear your browser cache and check.
I know you are still working on your site, so we may need to make adjustments when your are done, for example, if your Masonery gallery turns out to be a different size later. Also while these css sectors work now, typically we like ones that are a little more targeted with the page id to prevent future conflicts. But for now this should be ok.

Best regards,
Mike

Hey Gavin,
To remove the border, please try this code in the General Styling > Quick CSS field:

#top #wrap_all .main_color.av_default_container_wrap.container_wrap.fullsize {
    border-color: transparent!important; 
}

To add padding to the top of the layerslider, please try:

@media only screen and (min-width: 767px) and (max-width: 988px) { 
.responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 140px!important; 
}
}

Best regards,
Mike

Hi,
Thanks for sharing your findings, is there anything else we can assist with today, or shall we close this?

Best regards,
Mike

Hi,
To adjust the width of the sub-menu to accommodate 8 items, please try this code:

@media only screen and (min-width: 1307px) { 
#top.page-id-11 #sub_menu1 .av-subnav-menu li a {
    padding: 0 25px!important; 
}
}
@media only screen and (min-width: 1019px) and (max-width: 1306px) { 
#top.page-id-11 #sub_menu1 .av-subnav-menu li a {
    padding: 0 7px!important; 
}
}

note that this code is written to only work on this one page, if you want to use it for every page, please remove “.page-id-11” from the code.
I noticed that for your mobile & tablet the sub-menu could use some adjusting, please try this code, if you wish:

@media only screen and (max-width: 1019px) {
.responsive #top #wrap_all #sub_menu1 .container {
    width: 100%!important; 
    max-width: 100%!important; 
}
#top #sub_menu1.av-submenu-container .container {
    padding: 0px !important;
}
#top #sub_menu1 .av-subnav-menu li a {
    padding: 0 10px!important; 
}
}

Best regards,
Mike

Hi,
First, you can use our pre-built child theme from here: Read about using a Child Theme
There you will also see a video and steps to moving to a child theme.
After moving to the child theme you may need to clear your browser cache and any cache plugin a few times.

Best regards,
Mike

Hi,
I found a couple of issues, first your avia-merged-styles in /wp-content/uploads/dynamic_avia/ doesn’t seem to be loading, this could be due to a few things, one of which is updating the theme via FTP and not removing the old files. Did you last update via FTP?

The second issue is this css in your “simple css” is adding extra padding to the button, but it may not be that much of a issue when we get your avia-merged-styles working again, so I left it in place for now.

#top .avia-button-fullwidth {
	font-size: 16px!important;
	line-height: 15px!important;
	padding: 15px;
}

Please include FTP access in the Private Content area.

Best regards,
Mike

Hi,
I’m not sure which hotspot classes you will need as I’m unsure what you are trying to change, but I will try to explain all of the classes.
first you have two classes in one div > .av-image-hotspot & .av-display-hotspot
then for the next div > .av-image-hotspot_inner
and the next div > .av-image-hotspot-pulse
these are all nested, so it depends on what you want to change.
Try checking out the developer or inspection tools in your browser.
Hope this helps :)

Best regards,
Mike

Hi,
Adding a child theme is quite simple, and it will protect your customizations for the future. Read about using a Child Theme

Best regards,
Mike

Hey flylanddesigns,
Please see this solution for a different logo on one page.
Please see this solution for a different menu on one page.
You can also change the header setting per page, such as transparency from the Layout options on the page and add a color section to the top of the page with a background image to create a header with a background, giving a totally new look.

Best regards,
Mike