Hey odmv91!

Thank you for visiting the support forum!

Looks like the section on top of the color section with the parallax effect got no background. Not sure if this is going to work but please do try it on Quick CSS or custom.css:

.avia-android .av-parallax {
z-index: 0;
background-size: 100% 100%;
}

.main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover {
background: #f8f8f8;
}

Cheers!
Ismael

Hey!

Thank you for the update.

Did you regenerate the thumbnails? Go to Tools > Regen. Thumbs. The suggestion above should prevent the theme from cropping and resizing the gallery images on the ajax portfolio.

Regards,
Ismael

Hey KK!

Thank you for using the support forum!

Can you please elaborate a little bit? I don’t think there are any plugins available that can simplify the Enfold’s theme options. You need to manually edit the theme code in order to modify the theme options. Unfortunately, this is beyond the scope of support.

Regards,
Ismael

Hi Emmanuelppp!

Thank you for using the theme!

You can start with this, just change the menu item id:

li#menu-item-3018 a {
background: red;
height: 30px !important;
line-height: 30px !important;
color: white;
margin-top: 30px;
}

.header-scrolled li#menu-item-3018 a {
margin-top: 8px;
}

Change the 3018 id. You need to play around with the top margin if you set a different header height.

Best regards,
Ismael

Hey!

@Emmanuel: Thanks for helping out!

@boldtranquility: Emmanuel is right, you need to add tags on posts if you want the related posts section to show.

Regards,
Ismael

Hey Chris!

Thank you for your visiting the support forum!

It doesn’t seem to be happening on our end when I check one of our installation with a child theme. Do you have the latest version of Enfold?

Best regards,
Ismael

Hey musklick!

Thank you for using the theme!

What is the position of your menu? It’s not a good idea to define a specific width because it might break the responsiveness of the menu section. If you can provide us with a screenshot of what you’re trying to achieve with the menu, that will help a lot.

Best regards,
Ismael

Hi!

Thank you for the update.

I’m not sure if this is going to work but please try to add this on Quick CSS or custom.css:

.html_header_top.html_header_sticky.avia-android #header, .header_color .header_bg {
background: #ffffff;
}

Cheers!
Ismael

Hey!

Thank you for the update.

Please use add this css to adjust the height of the custom content when you scroll down the page:

.header-scrolled div.custom_content img {
height: 79px;
}

Best regards,
Ismael

Hi!

Thank you the screenshot.

Is it ok if you use the alternative text field in place of the caption? What will happen is, you have to place the caption on the Alternative Text field. Edit loop-index.php then replace Dude’s changes with this:

$attachments = get_post(get_post_thumbnail_id());
		$caption = $attachments->post_excerpt;
		$description = $attachments->post_content;

		$featured_img_desc = $description;
		if($slider) $slider = '<a data-type="'.$caption.'" class="post-attachment-caption" href="'.$link.'" title="'.$featured_img_desc.'">'.$slider.'</a>';

Cheers!
Ismael

Hey!

Thank you for the update.

I tested Dude’s code on my end and it does slow down the opening speed of the accordion toggles. Make sure that you added the css snippet. Try to set the value to 10000 and you’ll see how slow the toggle will open. If possible, remove browser cache before testing the toggle.

Best regards,
Ismael

Hi!

Thank you for the info.

Looks like we need to wait until Safari got better support for the webkit-transform property or you can disable the effect for Safari with this on Quick CSS or custom.css:

.safari .avia-fullscreen-slider .avia-slideshow-inner {
-webkit-transform: translate3d(0px, 0px, 0px) !important;
}

Before adding the code above, edit header.php then find this code on line 61:

<body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank); avia_markup_helper(array('context' => 'body')); ?>>

Replace it with:

<body id="top" <?php $browser = avia_get_browser(); body_class($style." ".$avia_config['font_stack']." ".$blank.$browser); avia_markup_helper(array('context' => 'body'));?>>

Regards,
Ismael

Hey!

Thank you for the update.

Please use this on Quick CSS or custom.css to move the top position of the main menu. If possible, please create a test page of our suggestion regarding the sidebar.

.html_header_top.html_bottom_nav_header .main_menu {
position: relative;
top: 20px;
}

Cheers!
Ismael

Hi smorrone!

Thank you for using the theme.

You can add this code on the Quick CSS field or custom.css file to move the caption to the right of the slider:

.avia-caption {
bottom: 17px;
right: 17px;
}

The slider inherits the size of the container. This is what makes the slider responsive, so we wouldn’t recommend adding a specific width and height to it. If you really need to change the size, please use this css code:

.avia-slideshow {
width: 50%;
}

Cheers!
Ismael

Hey!

Thank you for the update.

Did you modify anything on the theme files? Please try to add this on Quick CSS or custom.css:

@media only screen and (max-width: 767px) {
div .av_one_fourth {
margin-left: 1%;
width: 48.5%;
}
}

Cheers!
Ismael