I have another question in addition to my one above, so I’ll post both here:
1. The Quick CSS above didn’t work…so I’m still trying to change in the top navigation the hover effect on the Connect and Contact Links (I would like this white or light grey) and the color that it is after you click the link (again, I would like this white or light grey). I would also like the drop-down menu in the top navigation to match the colors in the main menu drop-downs (hover over and the background is charcoal gray and text is white).
2. When we pulled up the site on my boss’ computer today (PC using Internet Explorer, I think…not sure what version…I will be double-checking when I’m at the office tomorrow), instead of showing the regular navigation, it flipped to the responsive menu and was a drop down in the upper right. It had previously been showing fine on his computer. It works fine in all browsers on my Mac. Any idea what caused this issue or how it can be fixed if it arises again? (Our old site has this issue with the current version of Firefox…it shows the mobile site when you pull it up on the computer).
Again, the test link is: http://www.fpcosms.com/fpcnew
Thanks so much for your help – sorry for so many questions! We’re trying to go live on Monday, so I’m scrambling to get the rest built out but still have those few things I just can’t quite work out!
Hi Josue,
Wrong promo box.
Look down 2 elements to the promo box with the table inside it, where it says Top Line.
Just watch my screen capture video again, and you’ll see what continues to happen:
http://www.finalsmoke.net/enfold_promobox/
Thanks.
Hey!
The problem is you’ll get an infinite css animation. You can try this:
<div class="avia-image-container"><img class="avia_image avia_animated_image avia_animate_when_almost_visible bottom-to-top avia_start_animation" alt="" src="FIRST IMAGE URL HERE" data-hover="http://www.fpcosms.com/fpcnew/wp-content/uploads/2014/03/gather-hover.png"></div>
Cheers!
Ismael
Hey Yigit,
Thanks for your prompt reply. I apologise as I thought medienvirus was using enfold as I originally found the site via your showcase thread. I can’t seem to find the original thread anymore as it may have been removed but there are references to it https://kriesi.at/support/topic/enfold-showcase/page/5/#post-218697
The horizontal icon list was crucial but thought is was a nice effect if enfold was able. Thanks for your help today.
cheers Fudge
Hey!
You can add this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) {
#top .av-video-slide .avia-slide-wrap {
background: url('IMAGE URL HERE') no-repeat center center;
}
}
Change the background url.
Cheers!
Ismael
Hey!
You can use this:
.main_menu ul:first-child > li a {
line-height: 40px;
height: 40px;
}
#avia-menu {
top: 40px;
position: relative;
}
Change the top value to move the vertical position of the menu.
Regards,
Ismael
Hi!
Please remove everything that we added to modify the homepage then use this:
.home .main_menu {
right: 0;
margin-top: 50px;
text-align: center;
width: 100%;
}
.home div .logo { left: 40%; margin-top: -10px; }
.home .main_menu ul:first-child > li > a {
padding: 0 50px!important;
}
.home #avia-menu {
display: inline-block;
z-index: 0;
background: none;
}
Best regards,
Ismael
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) {
.responsive #header_main .container {
height: 140px !important;
}
.responsive .logo {
position: relative; }
#advanced_menu_toggle, #advanced_menu_hide {
right: 50%;
top: 75%;
line-height: 32px;
height: 47px;
width: 47px; }}
Height and width are default values, you can adjust them as needed
Cheers!
Yigit
Hi mattmorse!
Please try using this plugin http://wordpress.org/plugins/socialize/
You can take a look at this topic for recommended plugins https://kriesi.at/support/topic/recommended-plugins-last-update-04-09-2013/
Regards,
Yigit
Hi!
Please add following code to Quick CSS
div .logo { left: 35%; }
#advanced_menu_toggle:before { content: 'menu'; font-size: 15px; margin-bottom: 10px; }
I have answered your other questions on your other topic
Best regards,
Yigit
Hi!
Have you noted the changes you have made? You can use a child theme – http://kriesi.at/documentation/enfold/using-a-child-theme/
Cheers!
Yigit
Hey Scott!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .main_menu .menu>li:last-child>a {
padding-right: 13px;
}
Best regards,
Yigit
I’m trying to get a sortable portfolio working but the portfolio categories are not displaying.
I have 3 test Portfolios which each have a different portfolio category assigned. When viewing the Portfolio Grid I can only see a heading of ‘All’ at the top. I would expect to se all three portfolio categories available to be selected. Is there something basic I am missing. Work in progress site is: http://www.admagroup.com/staging/?page_id=2269
Any help appreciated
This reply has been marked as private.
I’m using easy slider on my homepage. One of the slides includes a Vimeo video. Right now it autoplays everytime the slide comes up. Is it possible to turn off autoplay and allow users to click to play?
Thanks for your help.
Thanks for you help. All problems were solved : https://kriesi.at/support/topic/how-to-translate-and-display-layerslider-wp-with-wpml/#post-233131
Congratulation for all your themes, Enfold is just great !
Best regards,
Etienne
Unfortunately we’ve been making changes to more than just the custom.css. Anything else I might be able to try?
Thanks!
Hi Ismael I’m doing well! t/hanks for responding. I’ve upgraded Enfold and still have the issue.
Are you actually looking on a mobile device? The issue is this:


As you can see, a colorbox asked to use “No minimum height” still only ever stretches to the full height of the viewport. So, on an iphone screen the content in the colorbox gets cut off. If you’re looking at a tall responsive desktop screen you’re not seeing this problem.
-
This reply was modified 12 years ago by
biklops.
Hi,
How can I add social share buttons to photo lightboxes (i.e. to share/tweet a given photo)?
I found this thread:
https://kriesi.at/support/topic/lightbox-social-media-share-links/
I installed & configured the Socialize plugin, but it doesn’t show up in the lightboxes. Do I need to add some code somewhere?
Hi!
The login details are not working:
login to http://resourcegoldmine.com/wp-admin
username – kriesi
password – enfoldteam1
Please check it again.
Best regards,
Ismael
Thanks Josue for the reply.
I placed the code to around that line. It works but doesn’t show up. Meaning I have the bottom left tab turned on and that does show up as it is supposed to. As you can see on the site it adds space in the header which I don’t want. Could it be placed in place of or to the left of the phone number at the top?
Hi guys,
The text boxes on my Olark chat widget are all set much too tall compared to the way they are supposed to appear. I spoke to Olark support and they said that this is due to the following code in the theme CSS:
#top textarea {
min-height: 60px;
line-height: 1.5em;
}
Is there a way to remove this rule just for Olark? Or if not can I remove globally without affecting anything, and how would I do this through custom css?
Thank you!
Best,
Jonathan
Hi LordLiverpool!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top div .widget_shopping_cart .button { float: left; }
Best regards,
Yigit
Hello, I’ve read the topic here https://kriesi.at/support/topic/enfold-fixed-header/ and entered this to my Quick CSS
#header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 88px !important;
line-height: 88px !important;
max-height: none !important;
}
The problem I then have is that each title in my submenu is also 88px high.
Then I entered the variant without the menu
#header_main .container, .logo img, .logo a {
height: 88px !important;
line-height: 88px !important;
max-height: none !important;
}
The Logo was fixed but the menu moved up while scrolling.
Any ideas I can fix the header but don’t have such a tall dropdown menu?
Thanks
Hi there – I need the header layout no.4 but with another graphic roughly the same size as the logo – but on the far right side. So main logo on the left side and second logo on the right (the social icons that are on the right in header 4 thus need to be displayed on the top menu bar above the logo like in header 2)
Is this possible? – plus how will this work with responsive views? will the second logo be shown below the main one?
Also do you have the options of adding higher resolution logos for retina devices etc?
Thanks
Hey Yigit
I don’t know if I did this correct or not, but here is the page I added it to on the top. I don’t have any images in right now, but I put in a custom name of 4Column.
http://www.jdrakeproductions.com/?page_id=29