Hi,
The masonry elements calculate the width and height dynamically to the screen, if you try changing the window size you will see that the element floats. The difference shows more when the gap is 1px versus 5px or more, and is why by default it has a 15px margin instead of a border When you remove all borders, some will still show at certain sizes.
Try removing the code above and using this instead, it seems a lot closer:

#top .av-inner-masonry {
    border: 1px solid #e1e1e1 !important;
}

Best regards,
Mike

Hey kathyfg,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
#top.postid-7404 .avia-slideshow-inner .avia-slide-wrap img {
display: none !important;
}
}

Best regards,
Mike

Hi,
Sorry, I see that your header has this class “av_header_shrinking_disabled” so you shrinking header is disabled.
If you only want to set the size of the logo, please remove your css with the “inherit” and use this instead:

.logo {
    max-width: 400px !important; 
    padding-top: 10px !important; 
}

just adjust the width and padding to suit.

Best regards,
Mike

Hi,
Glad to help :) I will delete the old files for you. Thank you for using Enfold.
We will close this now.

For your information, you can take a look at Enfold documentation 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 Michael,
I assume that you are referring to this menu [image-1]
if so it is hidden with this css:

@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
}
}
@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive #top .av_mobile_menu_tablet #header_main_alternate {
    display: none;
}
}

But, overwriting this css to show the menu is easy, the problem is that it will show the desktop menu and not the burger menu, which should be used because the menu items are too large.
for some reason the burger menu is missing from the source code.

As I look into your menus closer I see that you have many new menu options that I assume are from the membership plugin and I believe the error is that the plugin doesn’t account for that the burger menu is a separate menu in our theme, so the plugin is not copying our burger into the logged in user dashboard, thus it’s not available for mobile devices.

You could try this css to show the menu on tablet devices:

@media only screen and (max-width: 989px){
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: block !important;
}
.responsive #top .av_mobile_menu_tablet #header_main_alternate {
    display: block !important;
}
}

[image-2]
and perhaps with a little more css you could make the menu item text smaller and it would look halfway decent.

But for mobile you couldn’t make the items small enough and have them still useful
[image-3]
unless you also moved the content down some, but the menu items will still be sort of un-ordered.

I guess you could hide most of the menu items and only show 2 or 4 of them for mobile?

I would recommend seeing if the plugin author would give you a function to show the mobile menu in the dashboard, even if it showed all of the menu items, because each menu item has a css class which can be used to hide the ones you don’t want to show for the user privileges.

I hope this was helpful,
Best regards,
Mike

Hey Andreas67,
Please see this post

Best regards,
Mike

Hey lucie_thesource,
Yes you can simply delete them, when you import a demo it adds all of the demo pages and settings because it’s thought that the site is brand new with no content, and this demo content is to demonstrate the theme in action.
You could give each page a quick view to see if any of them offers inspiration for your needs, of you could simply view our online demos.

Best regards,
Mike

Hey info224,
Your url is not complete, so I couldn’t see you site, but your function looks about right unless the image is before the wrap_all ID, or if you have another jQuery error on your site, which would block this from working.
Would you want this to work on only one image or all of them?
Please include a admin login in the Private Content area and let us know which image you want the title removed from.

Best regards,
Mike

Hi,
Your welcome, we will leave this open.
Have a great day :)

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation 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

Hi,
To change the color there, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.main_color .container .av-inner-masonry-content {
    background-color: #e8e8e8 !important; 
}

Then clear your browser cache.
Each time that you add css to the style.css the merged file will need to be updated by saving the theme options.
We recommend adding your css into the Quick CSS field because when you click save it will update the merged file.
If you want to use the style.css just try the little trick each time.

Best regards,
Mike

Hi,
Please edit your contact form and look for the option:
“What should happen once the form gets sent?” near the bottom, and choose “redirect user to another page”
then choose “Page” and your homepage.

Best regards,
Mike

Hi,
You should be able to update WordPress via the dashboard without any issues.

Best regards,
Mike

Hi,
Thanks for the admin login, but I will need FTP access also to upload the files.
Please include.

Best regards,
Mike

Hi,
I made the change for you:

Please clear your browser cache and check.

Best regards,
Mike