Hi!

My bad. Add this to the Quick CSS field:

@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, .responsive.html_mobile_menu_tablet .main_menu .avia-menu ul #menu-item-search {
  display: block;
  position: absolute;
  top: 0;
  right: 60px;
}

.responsive.html_mobile_menu_tablet .main_menu .avia-menu ul li{
  display: none;
}}

Regards,
Ismael

Hey!

Please try this code:

.avia-safari .logo img { height: 146px; min-height: 146px; }

Regards,
Ismael

Hi!

It’s not possible to have full width elements when using the boxed layout, it is possible but it will take a lot of css modifications. It’s easier to use the stretched layout and create boxed containers inside the color section. Insert a color section add a custom id attribute in Section ID field. Use it to modify the style of the section container. Can you please provide a screenshot of the design that you want?

Cheers!
Ismael

Hi!

I think it’s better if you use the Contact Form 7 plugin. Set up the Mail 2 feature to create a different autoresponder content. http://contactform7.com/setting-up-mail/

Cheers!
Ismael

Hi!

Can you please provide a screenshot of the title that you’re trying to change? I edited the H1 element in the Advanced Styling panel and it works fine. Note that advanced styling panel doesn’t contain all the elements on the theme so you still have to add custom css modifications if necessary.

Regards,
Ismael

Hi Erich Nolan!

Thank you for using Enfold.

I’m sorry but we don’t have access to the plugin so we can’t tell you for sure. I think it’s best to contact the plugin author. The theme does use the wp_head and wp_footer function, most themes do.

Cheers!
Ismael

Hi!

Thank you for using Enfold.

Please update the .htaccess file by flushing the permalinks. Go to Settings > Permalinks panel then click the “Save” button once. You can refer to this link for more info: http://codex.wordpress.org/Using_Permalinks#Fixing_Permalink_Problems

Regards,
Ismael

Hey!

The site loads fine on an iPod Touch, safari browser. Maybe, iPhone 4’s memory can’t handle the whole site that’s why it crashes. Have you tried it on iPhone 5 or 6? Can you please create a test page with masonry gallery included? We would like to test it.

Cheers!
Ismael

Hi!

1.) Adjust the shrinked logo with this:

.home .header-scrolled .logo {
  background-size: 40px 40px;
}

2.) You can try this:

.header-scrolled #header_main .container, .header-scrolled .main_menu ul:first-child > li a, .logo a, .logo a img {
  height: 70px !important;
  line-height: 70px !important;
  max-height: 70px !important;
}

Cheers!
Ismael

Hey!

Replace it with this:

@media only screen and (max-width: 1024px) {
.av-catalogue-title, .av-catalogue-price {
  position: relative;
}}

Please remove browser cache then reload the page.

Best regards,
Ismael

Hey!

From what I understand, you want to limit the height of the images in the ajax slide? Is that correct? Please use this (Note that this will also stretch tall images.):

#top .ajax_slide li img {
  height: 325px;
}

Please provide a screenshot so that we can understand the issue better.

Best regards,
Ismael

Hi!

Thank you for the update. If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The new inquiries is a slightly off topic. Screenshots will help. Thank you.

Cheers!
Ismael

Hey!

The problem is the custom margin of the separator isn’t dynamic, 30px top margin on desktop is the same 30px top margin on mobile devices, so you have to use css media queries to remove or adjust them on different screen sizes. If you don’t want to add custom modifications via media queries, you can remove the custom margin.

Regards,
Ismael

Hey!

There is no one giant step that does it. It’s a lot of little steps. :)

You can set the background size to 100% but it will stretch the image. Edit the color section, add a unique id attribute in the Section ID field. Use “custom-section” for example. Add this to the Quick CSS field:

@media only screen and (max-width: 767px) {
#custom-section {
  background-size: 100% 100%!important;
}}

Or you can choose not to show the background image on mobile devices:

@media only screen and (max-width: 767px) {
#custom-section {
  background-image: none !important;
}}

Regards,
Ismael

Hey christopherheath!

Thank you for using Enfold.

1.) Since you’re using large background images, I think we’ll both agree that they won’t fit on mobile device or will not look exactly the same as they do in desktop view. What you can do is to adjust the image focus, on the eagle for example, you can focus on the head or eyes. Edit the color sections then add a unique ID attribute to the Section ID field. Let’s start with the eagle section, use “eagle-section” for example. Adjust the background position using this on Quick CSS field:

@media only screen and (max-width: 767px) {
#eagle-section .av_parallax {
background-position: 30% 50% !important;
}}

Use different css media queries for different screen sizes.

2.) You have to double tap the buttons on mobile devices because they have a hover state. If you don’t want that behaviour, toggle the Icon Visibility.

Best regards,
Ismael