-
Search Results
-
In reply to: Layout Issues
Hey iclo,
Could you paraphrase the question please. I see you did very well at the bottom, but I don’t understand what are you trying to accomplish with the texts on top.
When you like what you have done and you know you will have pages same as this, you can save the page as template and then just edit new pages made with the template.
Best regards,
Victoriab3plus, thank you very much, I’ll give that a shot! And yeah, that would be great if Enfold made that a little bit easier or got a designer to pick out a more robust set of native fonts so you can get a close-enough match for a lot of choices.
Ismael, that is great for the future. I’ve struggled in the past to get Enfold site to score well on Google Page Speed. Much appreciated. Unfortunately all that stuff is above and beyond the amount of time I can put into this particular site. On top of that, we’re using Pantheon, which is great, but as I’ve found does introduce some performance variables with Enfold that we’re encountering as we go (for example, the icon loader does not work with Pantheon), so it’s possible that after all that, it could just be a Pantheon thing.
Thanks all!
Hi Rikard
The problem has been resolved with the following code. Basically the text for the title and caption on a full width slider were too big for phones and ipads. Also another issue which is troubling is that if you choose the title and caption to be positioned at the bottom of the image and with a frame this also does not come through correctly when viewing on a phone or ipad?The following code resolved the initial problem:
@media only screen and (min-width: 320px) and (max-width: 736px) {
.responsive #top .slideshow_caption h2 {
font-size: 12px !important;
}}
@media only screen and (min-width: 320px) and (max-width: 736px) {
.responsive #top .slideshow_caption .avia-caption-content {
font-size: 9px !important;
}}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.responsive #top .slideshow_caption h2 {
font-size: 16px !important;
}}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.responsive #top .slideshow_caption .avia-caption-content {
font-size: 12px !important;
}}Topic: Gif wont play in masonry
I’ve seen a few threads regarding this problem, yet i’m still having an issue with this.
I’ve built a masonry for our website, where i am trying to implement Gif’s that autoplay and loop constantly. Yet the masonry doesn’t seem to be playing the gif i add, only when clicked and opened in lightbox it starts playing (and even there is doesn’t loop but just plays once, even after switching to another image and back it still won’t play if it has already played once).
I want the thumbnail shown in the masonry grid on the page to be playing a gif. From what i’ve read this is possible but i don’t seem to understand how to do so.
Below i’ve posted the link to the page in question, where you can see (when scrolling down a bit) the bottom right image of the masonry is a gif that just shows a still image.
Hope someone can help me out here seeing i’ve been struggling with it for a while.
Hey I think Enfold and the Avia Builder is one of the best themes I ever seen and used. But one thing that I find is extremly annoying that when you edit a page the Avia Builder Elements are always at the top of the page and if you have a longer page you have to keep scrolling up and down.
Is there anyway in telling the Avia Builder to stick at the top of the browser page once you scroll down so you have the elements there where you need them?If not this would be something that I would suggest for an upgrade. This would be something that I find rather annoying how it is now.
Thanks.In reply to: Masonry gallery problems
Hey envatotastic9,
1) It might be that the php error notices on top of the page prevent the masonry to calculate viewport height correctly and animation is late.
2) This is the way it’s meant to be in Masonry gallery, you could change settings for excerpt and title to appear on mouseover. Or use portfolio grid it allows to have title and excerpt below the image, but doesn’t have that kind of loading animation.
Best regards,
VictoriaIn reply to: responsive images
Hi,
refer to this thread/post: https://kriesi.at/support/topic/enfold-theme-and-wordpress-4-4-responsive-images/#post-578275
Best regards,
AndyHi,
try this code inside Quick CSS field:
.breadcrumb.breadcrumbs.avia-breadcrumbs { z-index: 999; top: -226px; }and adjust top value as needed.
Best regards,
AndyIn reply to: HIntergrundfarbe im Header und im Footer
Hey mailmm,
versuche es mit diesem Code im Quick CSS Feld:
.header_bg { background-color: transparent !important; }For footer it’s not so easy, refer to this thread: https://kriesi.at/support/topic/footer-background-transparent/
Best regards,
AndyIn reply to: Display a scroll down arrow
Without your site i stop support from me now.
Sorry – as you now can see – the scroll down button goes to the maximum bottom of all. Because the ID : fb_root is the last ID in all Enfold pages/posts (its just before body closes after all scripts)Maybe you have set the submenu to be a sticky one – so it is indeed at the top of the sceen. I have on the example page set it to not be sticky.
So look what happens than.Hi Team Kriesi
I’m having the following issue with designing a website for a client.
We want the top bar to be sticky and the menu to be collapsible on mobile devices, but no css code has fixed this problem on actual mobile devices so far. When I make the browser window smaller on a normal PC/laptop, the menu is collapsible and the top bar is sticky, so it does everything we want. BUT on mobile or tablet it doesn’t.
I’ve added a link to the site, but since the ‘under construction’-plugin is active, I don’t know if that helps you. Maybe a print screen would be better?
In reply to: Background color behind navigation
In reply to: bug in image with points
Hi,
Try adding this css code in Quick CSS (Located in Enfold > General Styling):
#top .avia-tooltip { width: 220px; }Just adjust the width as you see fit, the default it 140px. HOpe this helps.
Best regards,
NikkoIn reply to: Tab Selection aligment
Hey –
I’m not on the Enfold team, but I fixed this same thing by adding the following to my CSS:
.av-section-tab-title { vertical-align: top !important; }
In reply to: Hide date
In reply to: External script Question
Hey dhuet,
The link of the script you posted isn’t external script. As for the minification of script and css, you might want to use this plugin: https://wordpress.org/plugins/autoptimize/
Best regards,
NikkoIn reply to: Sidebar disappears in responsive mode
Hi
Yes I did that and it almost works.
Now the problem is, it displays two sub menus. One sub menu on top of the header, and the other below the header.I want the one below the header do display, not the one on top of it.
And since I can only see it on my phone, I can’t hide it with CSS…What can I do?
Topic: Mobile logo not all pages
Hello,
I changed the mobile logo withadd_filter(‘avf_logo’,’av_change_logo’);
function av_change_logo($logo)
{
if(wp_is_mobile() )
{
$logo = “logo-url”;
}
return $logo;
}But it only works on the homepage
any ideas
Edit:
it stopped working on all pages nowEdit2:
Now it works everywhere, my guess would be caching and moving the site locationEdit 3:
And it stopped working again without changing anythingIn reply to: Issue with Blog Preview Image (big)
Hi MadRhino,
I got confused now. What is it you need to achieve? And can you send a screen shot of what is not working?
Also here on the top image the title and the button are too far to the left, they go beyond view.
Best regards,
VictoriaIn reply to: Sidebar disappears in responsive mode
Hi grafixstudio,
Please refer to a solution here https://kriesi.at/support/topic/moving-sidebar-top-top-on-mobile-above-content/#post-737622
Let us know if this was helpful.
Best regards,
VictoriaIn reply to: Change H3 in avia-magazine
Hey getontop,
I would strongly suggest doing it by means of css.
If not, you can find file enfold/config-templatebuilder/avia-shortcodes/magazine.php, find
$titleTag = "h3";
and change it to h2. Keep in mind, you will loose this change on any theme update.Let us know if you have any more questions.
Best regards,
Victoriaon your site it is in firefox osx the same thing.
btw : You have a shift of the header element when scrolling down – is this normal enfold behavior of header not visible until you scroll down ?the top value of that button is for the hide button to much:
#advanced_menu_hide { top: 40px; }and for me it was a bit strange to see content under the mobile nav. :
if you place that code the hide button was imediately visible – you only have to shift it to the right place – see above#mobile-advanced { height: 100% !important; }did you proof if it is there but not visible?
sometimes it is simple a background-color problem. (on default it is the statusquo for that zoom-glas icon – white on white).av-burger-overlay-active #top #wrap_all #menu-item-search a, .av-burger-overlay-active #top #wrap_all #menu-item-search a:hover { color: #fff; }try to insert this and have a look :
.av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::before, .av-burger-overlay-active #top .av-hamburger-inner::after { background-color: #0088bd !important; }Hi guys—
This is really strange… I am running WP 4.7.3 and Enfold 4.0.3.and the mobile menu, which has always worked great, has all of a sudden stopped showing the “x” to close once you expand it. So you hit the “hamburger menu” and it expands, but there is no “X” to close the menu.
What is also really strange is–
– I have not installed any new plugins
– This is also occurring on my staging site on Enfold 4.0.2.
– This DOES NOT happen on the sub pages, only the home page. On the other pages the “X” to close the mobile menu still appears.Login credentials for staging site provided below… I will go ahead and update it back to 4.0.3. This is on iPhone 6s using Safari.
Thanks for your help!!!!!!
Rob
In reply to: Posts in archive do not stack on mobile
Hey digitalprint2222,
Thank you for using Enfold.
Please add this css code in the Quick CSS field:
@media only screen and (max-width: 767px) { .responsive #top #wrap_all .slide-entry { width: 100%; margin-left: 0; } }Remove the css media query above if there is an existing declaration in your css modifications.
Best regards,
IsmaelIn reply to: Animated columns loop
Hi,
Please review the following thread. It is related to this one.
// https://kriesi.at/support/topic/repeated-animated-columns-bug-in-firefox/
Best regards,
IsmaelIn reply to: Video Homepage on Mobile Devices
Thanks Nikko
I still need a solution for embedding the video so that it can be viewed on a mobile device, please.
The autoplay issue isn’t a problem, but it would be nice for mobile users to be able to hit the play icon.
This is currently not possible with the embed in a colour section.A
In reply to: Home page box over slider
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardIn reply to: Tab Section – Remove Arrow Underline/Border
Hi,
Please try the following instead:
.av-tab-arrow-container { top: 8px !important; }Best regards,
RikardIn reply to: Video Homepage on Mobile Devices
Hey FuzeCreative,
Thanks for contacting us :) Autoplay doesn’t work on android devices, you can check this post: https://www.aerserv.com/why-does-video-autoplay-on-mobile-devices-not-work/
Best regards,
Nikko
Viewing 30 results - 82,561 through 82,590 (of 142,739 total)
