Hi,
I’m working with your theme enfold here (e8hoops.com). It’s working excellent except for a few problems.
1.) Why is it when I resize the window smaller or see it on my Ipad does the Staff link get pushed under the logo? Is there a way to keep the top menu locked rather than moving when the window is resized? I like the way this website’s heading is designed is there a way to do it like that or is this a different theme? Also can I add pictures other than a logo to the header?
2.) How do I make the layerslider stay fullwidth rather than shrink when I resize the window?
3.) What do I do to make the html code under the Roster page resize so it shows up properly on mobile devices. I can’t see all of the table on my Iphone and it’s extended too far on my iPad. I want it to show up how it does on my desktop.
4.) Have Youtube and Instagram icons been designed yet to add to the social media bar in enfold? If not is there a way to manually add them.
Hi, in post “https://kriesi.at/support/topic/enfold-child-theme-site-speed-optimization/” kriesi says:
”
Hey! I have never used w3 total cache so I cant really help a lot here.
The live server uses a combination of wp supercache and better-wp-minify:
http://wordpress.org/plugins/bwp-minify/
http://wordpress.org/plugins/wp-super-cache/
Those 2 in combination should work without problems, maybe you might like to test them instead of w3 total cache :)
”
I have a lot of problems with cache.
If I active w3c super cache don’t works images and some elements of page.
If I active wp super cache runs perfect but the woocommerce don’t work aleatory.
Can you upload your configuration about wp super cache or some explanation for configure wp super cache for woocommerce runs perfect?
In you theme enfold you have shop, i’m interesting how configure it.
Thanks!!!
Xavier.
Hi,
Please try adding following code as well
.page-id-1629 body .column-top-margin { margin-top: 0; }
You can manually add Read more tag in that particular post

Regards,
Yigit
Hi Darryl,
Posts don’t have support for the advanced layout editor so are you using the shortcode button (magic wand) to bring up and then insert the content?
And if you want to create a temporary admin account for me I can log in and take a look like.
You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)
Regards,
Devin
Hey,
You can add a unique selector for each Avia Elements if in case you’re using the Image element via Advance Layout Editor. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_theme_support('avia_template_builder_custom_css');
Edit any avia elements like the Image element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-image”.
You can add something like this on your custom.css or Quick CSS:
.avia_image.awesome-image {
width: 100px;
height: 100px;
position: absolute;
right: 0;
top: 0;
}
Regards,
Ismael
Hi Bruno,
Please add following code to Quick CSS as well
#top .main_menu .menu>li:last-child>a { padding-right: 13px; }
Regards,
Yigit
SOLVED
I wanted to turn off the horizontal Menu at the top of the Portfolio-Grid.
Just need to untick the box for SORT, and the Menu is not displayed. :-)
Hi guys,
I like to use featured images (as everybody does) to showcase my post. However I do not want that same featured image again on top of my post because it interferes with the video. Is there a way to remove it from in post but keeping it on the blog page? I
Tom
Try viewing it on a tablet. or resizing the screen down. you’ll see the top navigation wraps odd.
Also in any device, when you scroll down the menu sits below the logo (fine) but also below the semi-transparent bar. should be within it.
I’ve added screencaps of what i’m seeing to the site.
you can download them at:
Top Fixed Nav Issue:
http://www.180staging4.com/wp-content/uploads/2013/09/top-fixed-nav-issue.jpg
Menu Wrapping on horizontal tablet screens AND smaller resolution monitors/computers:
http://www.180staging4.com/wp-content/uploads/2013/09/Menu-Wrapping-on-Tablets-and-smaller-screens.jpg
HELP!
Hi Xavier,
To make the header taller, apply this CSS:
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a{
height: 150px;
line-height: 150px;
}
To move the logo, this will do it, remember to change it to an image with a solid background color
.logo.bg-logo{ top: 50px; }
Regards,
Josue
Hi again Ismael,
This doesn’t seem to be working when I add more than one picture,
I’ll make custom css class such as these:
mainpage-imageone
mainpage-imagetwo
mainpage-imagethree
Then I will assign the three images these in the quick CSS:
.avia_image.mainpage-imageone {
position: absolute;
left: -50px;
top: -100px;
}
.avia_image.mainpage-imagetwo {
position: absolute;
left: -50px;
top: -100px;
}
.avia_image.mainpage-imagethree {
position: absolute;
left: -50px;
top: -100px;
}
The first image functions and displays. The second and third images don’t display at all, I even tried chaning the name of the Custom CSS Class.
Hi comitzuu,
There have been hundreds of suggestions and feature requests for the theme and as always we never guarantee that any suggestion or feature request will be included or when.
1) This is somewhat difficult and needs to be done custom for the specific image/link depending on how you are adding it in. If you can link to the page we can try and assist as best we can.
2) The prettyPhoto close button is in the top right.
3) I’m not sure what you mean. The theme has support directly for video using the Video element/shortcode in the advanced layout editor and with the lightbox plugin (prettyphoto) but as of right now there is nothing else in place.
Videos on your frontpage are controlled by you and how you add them to your layout.
Regards,
Devin
Hi,
You can dislay images in Lightbox but it is not possible to have the effect in Replete. You can request it in here https://kriesi.at/support/topic/enfold-feature-requests or you can hire a freelance developer.
Regards,
Yigit
Hi,
You can use the Color Section even with a sidebar but it will always go full width. It is advisable to place it at the very top or very bottom of pages with sidebar.
You can also try this:
1.) Insert the Color Section then insert a 3/4 and 1/4 column below.
2.) Insert a Sidebar element on the 1/4 column and the content on the 3/4 Column. Create a custom widget or sidebar on Appearance > Widgets.
3.) You can repeat the steps 1 and 2 if you want to another Color Section and Content + Sidebar below.
Regards,
Ismael
Hi Guys,
I know you already discussed the issues with the accordian slider with the recnet WP update. I wanted to confirm that this might be fixed in the next update, as the thread here the member said his was working, so there was some confusion?:
https://kriesi.at/support/topic/accordion-since-enfold-21-update-accordion-initial-open-item-is-not-working
Thankyou
Gary
Hey,
You can add a unique selector for each Avia Elements. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_theme_support('avia_template_builder_custom_css');
Edit any avia elements like the Image element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-image.
You can add something like this on your custom.css or Quick CSS to move the image around.
.avia_image.awesome-image {
position: absolute;
left: -50px;
top: -100px;
}
Regards,
Ismael
Hi,
Please try adding following code to Quick CSS
#advanced_menu_toggle { margin-top: 13px; }
Regards,
Yigit
Hi,
Please add following code to Quick CSS in Enfold theme options under Styling
#top .title_container .container { display: none; }
Regards,
Yigit
Hi,
You can use AddThis plugin. You can take a look at Ismael’s instructions here https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header
Regards,
Yigit
okay thank you, the problem solved :)
Hey,
1.) You can add this on your custom.css or Quick CSS:
.avia-logo-element-container.avia-logo-slider.avia-content-slider.avia-smallarrow-slider.avia-content-slider-active.avia-content-slider1.avia-content-slider-odd.avia-builder-el-2.avia-builder-el-no-sibling .new-special-heading {
display: none !important;
}
2.) To remove the border or box shadow, use this:
#top .avia-logo-element-container img {
box-shadow: none;
}
Regards,
Ismael
Hi,
You can add this on your custom.css or Quick CSS:
.ls-wp-fullwidth-helper {
height: 136px !important;
}
.ls-wp-fullwidth-container {
height: 136px !important;
}
#top .ls-wp-container {
margin: 0px auto !important;
}
Regards,
Ismael
Hi,
I visited the site but there is nothing there. http://www.180staging1.com/
Regards,
Ismael