Ok – I see what was happening. I had conflicting code in custom css from a previous question I had for you. This was the conflicting code:
@media only screen and (max-width: 989px) { .fixed_header.social_header #main { padding-top: 0!important; } }
I just changed the code you listed above to 989px and then removed the code I have listed right above and that seems to have fixed it.
Thanks – Erik
I was looking at this:
https://kriesi.at/support/topic/layerslider-2/#post-173148
I am using a child theme and want to remove the layerslider via functions so it doesn’t come by when updating the theme. Thoughts?
Thanks in advance.
Doug
Hey eclipsenyc!
Please take a look at this topic:
https://kriesi.at/support/topic/admin-ajax-php-killing-the-site/
Regards,
Josue
Hello!
Not possible at the moment, you can request it here for future updates, or f you really need you could try hiring a freelancer for the job.
Cheers!
Josue
Hey!
Try adding the following here, inside the mobile media query wrapper:
.page-id-612 .stretch_full.container_wrap.alternate_color.light_bg_color.title_container {
height: 250px;
}
#background-thing{
top: -225px
}
Cheers!
Josue
Hello,
I’ve raised the question in another topic but I still haven’t found the answers I’m looking for! The topic was simply closed without providing any meaningful solution:
https://kriesi.at/support/topic/enfold-wpml-wrong-default-pages-for-languages/
The solution you suggested is to use a third party plugin to fix some of the issues – this is unfortunately not always possible;
None of the solutions provided fix the core problem: Redirection is still broken, WPML has to configured to redirect pages in another way, synchronization is not always possible, etc. But most of all – not using WordPress’ static pages breaks other plugins as well.
What am I supposed to do with the untested code provided? Will it be included in the next update? Will the next update overwrite this quick fix? Are you planning on resolving the issue with WPML?
The theme is listed as WPML compatible and SEO-friendly, yet sadly it doesn’t support those basic features. Blaming the WPML staff for this issue is simply unprofessional – if you browse themeforest and test other top themes then the issue doesn’t occur with WPML.
In the topic I took my time and tried to provide you with a lot of useful feedback. I’ve even linked you the support thread in the WPML forums in case you guys need to work together to find some kind of a solution.
Enfold is a really beautiful theme, please don’t ruin this piece of art by ignoring obvious issues.
You’ve been such a great help, it’s cleared up a lot for me about how the div’s work within each other.
One more thing, if you dont’ mind. I want to make sure the CSS handles the image to respond to the screen size, while aligned with respect to the bottom right corner.
As you can see, the subject of the photo is on the bottom right: http://carveskateshop.us/wp-content/uploads/pano-1.jpg. I just want to make sure I keep that edge in focus as much as I can with CSS.
Current CSS:
#background-thing {
background: url(https://carveskateshop.us/wp-content/uploads/pano-1.jpg) no-repeat 0 0 scroll;
height: auto;
left: 0;
min-height: 100%;
min-width: 1024px;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
}
Thank you, Josue!
Hi!
I am marking this thread as resolved as you talked your customer into using navigation at the bottom type of header. Feel free to start a new topic if you have any other questions or issues
Regards,
Yigit
Hi!
Please try deactivating all active plugins and check if issue remains.
1) Can you post the link to your shop page?
2) I checked on Firefox but on my end there are only 2 visible on Firefox as well. That could be related with the issue you are getting on the top of header.
Regards,
Yigit
Hi DaveL77!
You can add following code to Quick CSS in Enfold theme options under Styling tab
.title_container .breadcrumb { display: none; } /* removes only breadcrumbs */
#top .title_container .container { display: none; } /* removes the whole bar */
You can remove breadcrumbs using this code but adding custom links in breadcrumbs bar is beyond the scope of support we can provide. If you really need it, please try hiring afreelance developer or you can request quote here.
Regards,
Yigit
Hey thesebogroup!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .main_color .avia-color-theme-color {
color: white;
}
Cheers!
Yigit
Hi!
You are going to need to hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can request quote here.
Best regards,
Yigit
Hey der_mueller!
You can add an Image element under Media elements in Avia Layout Builder and add this shadow http://bauwerkexperten.de/wp-content/plugins/revslider/rs-plugin/assets/shadow3.png
Then you can add following code to Quick CSS in Enfold theme options under Styling tab
img.avia-builder-el-1 { margin-top: -51px!important; width: 1210px; }
It should look like this http://i.imgur.com/JyF7lxc.jpg
Regards,
Yigit
On my homepage I have two portfolio grids, which used to display correctly on PC and mobile devices. But in the last couple of days I have noticed that they no longer display correctly on mobile devices and Safari set to user agent for mobile devices on a PC. Now the portfolio grid items overlap each other. I am not sure if this has been caused by a theme update or something else as I have only just noticed. I believe the error is with -webkit-transform: translate3d(0px, 76px, 0px); In this instance 76px is not high enough to clear the previous portfolio grid element so they overlap.
In addition the layerslider has stopped working on mobile devices and just displays nothing. I’ve spent hours trying to find a cause, disabling the cache, but can’t find a reason why it won’t show.
My URL is: http://www.colournation.com
Any help or advice is much appreciated.
thanks,
Jake
Regarding this: https://kriesi.at/support/topic/iconbox-link-2/
What I meant is that it didn’t work for me, as nor did the solution in the original post.
Can you please reopen the case and share a solution so other users will benefit as well?
Thanks a lot
That made it work!
But how do I make the rest of the content fall below the #background-thing div? It all just stacks on top now.
Hey wesdacar!
You should add new font as you did previously https://kriesi.at/support/topic/new-custom-font/#post-121900
Cheers!
Yigit
Hey Thomas!
Add this code to the Quick CSS:
.flex_column.av_two_third.first.avia-builder-el-2.el_after_av_two_third.column-top-margin {
margin-top: 0;
}
Cheers!
Josue
Any idea why this won’t work? I found this script somewhere (and have it working locally), but I’m not good at all with Javascript and am suspecting I can’t just plug it into the WP theme this simply.
Working example: http://carveskateshop.us/pano_test/
HTML in Text Block
<div id="background-thing"></div>
CSS in custom.css
#background-thing {
background: url(pano-1.jpg,pano-2.jpg,pano-3.jpg) no-repeat 0 0 scroll;
height: auto;
left: 0;
min-height: 100%;
min-width: 1024px;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
}
JS called from header.php
$(document).ready(function(){
$('#background-thing').mousemove(function(e){
var mousePos = (e.pageX/$(window).width())*100;
$('#background-thing').css('backgroundPosition', mousePos+'% 0');
});
});
Results in this mess: http://carveskateshop.us/pano/
I ideally want it to act like a fullwidth slider, but with the panoramic mouse effect – with 3 different images.
-
This topic was modified 12 years, 2 months ago by
tlow87.
Hi,
Is this solution still relevant? https://kriesi.at/support/topic/icon-box-icon-link/
Because I tried it and it didn’t work.
Because the mentioned code wa no longer relevant, the fix I made was this:
I replaced:
$output .= ' <div class="iconbox_icon heading-color" '.$display_char.'></div>';
With:
if(!empty($link))
{
$output .= " <a href='$link' title='".esc_attr($title)."' $linktarget>";
$output .= ' <div class="iconbox_icon heading-color" '.$display_char.'></div>';
$output .= ' </a>';
}
else
{
$output .= ' <div class="iconbox_icon heading-color" '.$display_char.'></div>';
}
Hi
I would like to make some changes in my layout.
I want to narrow the menu, breadcrumb field and the padding between the breadcrumb and my gallery.
Also I would like to make the prev,next navigations and the scroll to top links to have the same color as my logo.
They are better explained in this image:
https://lh5.googleusercontent.com/-64z4JEcm8J0/UoI4WHGyV4I/AAAAAAAAAZw/IOgydwXVIiU/s960/changes-layout.jpg
Link to the page :http://convitando.com.br/portfolio/convite-de-casamento-13-511/
Also I would like to know how to make my portfolio grid to have all the same height in this page: http://convitando.com.br/galeria/
And why there´s always missing 2 itens in the gallery of the archives pages like this http://convitando.com.br/portfolio_entries/convites/
Thanks in advance
I referred to this post: https://kriesi.at/support/topic/enfold-logo-resize
I am using a child theme.
I copied over the JS folder into enfold-child theme and did the edit to the avia.js file and saved it and there was no apparent effect.
Did I miss a step somewheres?
-
This topic was modified 12 years, 2 months ago by
jmikhail.
How to add the contact sign and the cart sign in the Header at the top right corner of the page.
In the header there’s an space for the phone number that I don’t need to use. It could be used for that.
Feature Request: Navigation to Anchor Points
Hi,
As we’re building pretty long pages with different sections, a floating navigation to the various anchor points would be great! There is already a “back to top” button. Just like this, the page should scroll from anchor point to anchor point. You can find an example here: http://www.bestkiteboarding.com/en/ts
If you have any idea how to solve that ourselves, any help is very much appreciated!
Thanks!
Jurgen
Hi!
What is the actual link to the page? Automated browser tests like the referenced site are only usable for very basic testing. Image transitions, javascript effects or css effects after loading etc will all fail to render and make it look like a page isn’t working.
CSS errors/warnings will happen with w3c validation since we have to use various means to offer cross browser support and full backwards compatibility.
In the future, please do not self bump your posts. Our queue goes by oldest commented item to newest so self commenting just moves the topic to the end of the line and not the beginning.
Regards,
Devin
Hi!
Sure, again in Appearance > Menus click on “Screen options” on the top right side of the screen and check “Link Target” under “Show advanced menu properties” then change options in Link Target of menu item http://i.imgur.com/w7smCDP.jpg
Cheers!
Yigit
Hi,
Since updating to the latest version of Enfold all javascript/jquery image transitions (mouseovers, lightboxes etc) stopped working. Do more people experience this problem? It seems that no javascript is executed.
Follow up: I had to revert back to a (very) old version I had on my hard drive, but would like to use the version before the last. Does anyone have that version available?
Regards, Jeroen
(I’m using Enfold on http://wijzijneuropa.groenlinks.nl)
Hi,
we love the theme!
Sometimes, the “basekt sign on the top right corner doesen’t appear and we don’t know why.
Does this basket just appear on certain pages or should it appear on all pages.
Thanks.
Hi!
1) Please add following code as well
.page-id-2528 .sub_menu li { padding: 0 44px; }
3)
@media only screen and (max-width: 480px) {
.page-id-2528 .sub_menu li { padding: 0 5px; }
.content { padding-top: 90px; } }
It should look like this http://i.imgur.com/K6rUACX.jpg
Cheers!
Yigit