Hi mborland!

Thank you for using Enfold.

Set the logo and menu position to logo center, menu below and then add this in the Quick CSS field to hide the menu items:

#header_main_alternate {
  display: none;
}

Regards,
Ismael

Hi!

Thank you for using Enfold.

1.) Add this in the Quick CSS field to change the font color of the menu items:

.header_color .sub_menu>ul>li>a, .header_color .sub_menu>div>ul>li>a, .header_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a, #top .header_color .sub_menu li ul a {
  color: #333333;
}

2.) Use this to add a top margin or padding in the cogmed logo:

@media only screen and (max-width: 767px) {
.home .avia-image-container.avia_animated_image.avia_animate_when_almost_visible.pop-up.av-styling-.av-hover-grow.avia-builder-el-10.avia-builder-el-no-sibling.avia-align-center.avia_start_animation.avia_start_delayed_animation {
  margin-top: 20px;
}}

3.) If you want to change the opacity of the background, try this:

@media only screen and (max-width: 767px) {
.av-parallax.avia-full-stretch.enabled-parallax.active-parallax {
  opacity: .2;
}}

Remove browser cache then reload the page.

Best regards,
Ismael

Hey!

The parallax effect will not work if the image is not larger than its container, at least with the theme’s parallax effect, so when you set the color section to parallax effect, it creates another container inside the actual color section, apply the background there and then adjust its height to be larger or taller than the actual color section container. And the background size property is set to “cover” to keep it responsive and keep the image aspect ratio but:

It will scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area

You can alter the background size using the Quick CSS field but it might break the image aspect ratio and proportion on different screen sizes. You can try this:

.avia-full-stretch {
  background-size: 100% !important;
}

Regards,
Ismael

Hey jtp77!

Thank you for using Enfold.

The background size of the color section is set to “cover’ which means that it will scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area. What you can do is to create another color section with a different or smaller background image specifically for mobile devices. Use css media queries to show or hide the section on different screen sizes. Please refer to these links:

http://stackoverflow.com/questions/11796297/div-show-hide-media-query

https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263

https://kriesi.at/support/topic/is-there-an-option-to-create-a-separate-page-design-specific-to-mobile-devices/

https://kriesi.at/support/topic/displaying-another-slider-on-mobile-devices/

https://kriesi.at/support/topic/replace-slider-on-mobile/

https://kriesi.at/support/topic/home-page-video-on-mobile-phone/#post-449787

Cheers!
Ismael

Hi!

Alright. You can set the sidebar or widget area of shop pages in Appearance > Widgets panel. Add the widgets in the Shop Overview Page widget area.

Regards,
Ismael

Hi extraeyes!

Thank you for using Enfold.

Do you mind if we take a look at the page? Note that you can change the background color of the color section and grid row elements. If you want to modify the colors of the theme including fonts, default backgrounds, links etc,, go to the Enfold > General Styling panel.

Regards,
Ismael

Hey!

That’s not a glitch, that is the background of the html document. You can change that on the Quick CSS field:

html {
  background-color: #ffffff;
}

You can also enable the preloader in the theme options panel.

Best regards,
Ismael

Hey!

There’s a missing parenthesis “)” symbol somewhere. Please check the error. It will tell you from which line of code the error is being generated.

Best regards,
Ismael

Hey catmac2204!

Thank you for using Enfold.

The product summary width is already 100% on mobile device. You only need this:

@media only screen and (min-width: 768px) {
.single-product-summary {
  width: 40%;
}}

Remove browser cache then reload the page.

Regards,
Ismael

Hi!

You need the plugin because you can’t set or there is no option in the theme to set a custom widget areas or sidebar for product categories.

Regards,
Ismael

Hi!

The masonry items loads without animating when I checked the home page. Please remove browser cache before testing the page.

@hotspot: You can use the solution provided above.

Regards,
Ismael

Hi!

Youtube links works fine on the default and text block editor. http://www.youtube.com/watch?v=G0k3kHtyoqc

Anyway, it is advisable to use the shortcode to make it compatible with the whole layout of the theme.

Regards,
Ismael

Hi!

You can follow the solution provided here: https://kriesi.at/support/topic/remove-current-portfolio-post-from-related-portfolio-grid-enfold/#post-462034

Cheers!
Ismael

Hey!

Thank you for using Enfold.

@sere: That is possible but NOT with the mega menu. You can install the plugin Ubermenu but it requires a few custom modification in order to make it compatible with the theme.

Cheers!
Ismael

Hey!

This seems to be a WordPress bug. In other forums, it is suggested to use the full url to fix it. Go to Settings > General then change the WordPress Address (URL) and Site Address (URL) to http://www.asdrugtest.com. We prepend the “www” text.

https://codex.wordpress.org/Changing_The_Site_URL

Please create a restore point or a backup of the site before doing anything.

Best regards,
Ismael