Hey PeterPan2!
I don’t have an IOS device to check this with but as far as I know it should work on iPhone and iPad. Let’s wait for Devin’s response. I tested it on a laptop with a touch screen and it works properly.
Regards,
Ismael
Hey!
Insert following code into the quick css field if you want to display the labels inline
#top .frm_forms label {
display: inline;
}
Cheers!
Peter
This reply has been marked as private.
Hi Ismael,
It’s a top iconbox.
I’m just trying to make the font hyperlink as weel, just like the title has
This reply has been marked as private.
Hey erantdo!
What are you trying to do? What is the position of your icon? Is it top or left?
Regards,
Ismael
Also, on mobile, the sub menu appears on all pages. How do I get it to only appear on certain pages like on the desktop version?
This reply has been marked as private.
Hey Guys – I am not using the Heading portion of the content slider, and if you look at it when it is paired next to a content block (say to the left or right of text content), the slider is not v-aligned to the top. It looks really off in terms of symmetry…the content is higher than the slider and I was hoping via CSS I could align the content slider to the top of the div container. Link via private message to prevent crawling of dev site.
In the example below, the top of the image slider is pushed down to about line 3 of the text block next to it – it just doesn’t look right, and really need it to sit higher.
Let me know how I should address this please.
Thanks!
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, 3 months ago by
tlow87.