Sorry, didn;t do anything. To be sure: its about appearance on TABLET.
and maybe its important, the tagline and button are created in Full with easy slider and are supposed to be ON the picture. on desktop thats ok, on smartphone is covers the picture, bit thats a problem I will adress later.
Hi Jason!
Please take a look at the topic here
https://kriesi.at/support/topic/blog-posts-image-left-column-and-text-on-right/
and let us know if that is what you want to make, if I understood you right.
Thanks a lot
Regards,
Basilis
Hi,
I have some images formatted near the end of the page to link to Lightbox. It works great on desktop, but presents a Fatal Error on my Android – Galaxy S6.
I was having this issue with Imagely NextGen Pro, but it is now happening with the Enfold Lightbox also.
It says “Cannot extract a stage height from CSS”.
please help!
Hi there
I hope you can help.
I really like my Enfold theme and all the numerous variations to customise our new website.
Now, we would like to display video background on our homepage. However, this only works on a laptop or desktop browser. When viewing the same site on a mobile, rather than a static picture (the only current option), we would like to display a slideshow instead.
Can you please advise?
Thank you.
Hi I have a question. I would like that all the woocommerce archive pages (i.e. the pages that appear if I filter a specific category from the woo product categories widget) do show, before the archive content, some element that I created for the shop page designed with avia layout builder elements.
These elements are basically a wp-layout slider and a section with five columns containing some icons. These elements should appear always before the woocommerce content (the products filtered for the specific category).
I checked out and found that the woocommerce page is the archive-product page. Actually if I write anything in that page (duplicated in my child-theme) between
<?php
/**
* woocommerce_before_main_content hook.
*
* @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
* @hooked woocommerce_breadcrumb - 20
*/
do_action( 'woocommerce_before_main_content' );
?>
and
<?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>
<h1 class="page-title"><?php woocommerce_page_title(); ?></h1>
<?php endif; ?>
it appears exactly where I want.
However I wonder I could insert the following avia shortcodes and make them appearing properly:
[av_layerslider id='6']
[av_section min_height='25' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='#ec9b84' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_class='']
[av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']
[av_font_icon icon='ue806' font='entypo-fontello' style='border' caption='Lista dei desideri <br/> WISHLIST' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon]
[/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']
[av_font_icon icon='ue859' font='entypo-fontello' style='border' caption='ACQUISTO <br/> facile e veloce' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon]
[/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']
[av_font_icon icon='ue802' font='fontello' style='border' caption='PAGAMENTO SICURO <br/> con Bonifico e PAYPAL' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon]
[/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']
[av_font_icon icon='ue804' font='fontello' style='border' caption='SPEDIZIONE <br/>24/48 ore' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon]
[/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']
[av_font_icon icon='ue803' font='fontello' style='border' caption='Rimborso di denaro ad ogni acquisto' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon]
[/av_one_fifth]
[/av_section]
Thanks for helping
Hey bardinidavide,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-siteloader {
border: none;
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png)!important;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
Best regards,
Yigit
Hey!
Please add following code to Quick CSS as well
#top .title_container .container {
max-width: 100%;
padding: 0 30px;
}
.title_container .breadcrumb {
right: 30px;
}
Cheers!
Yigit
Hi sabrinarubli!
1- It is already fullwidth on my end. Can you please post a screenshot and show the changes you would like to make?
2- To align it vertically, please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
.responsive .title_container .breadcrumb {
margin-top: -14px;
top: -10px;
}}
Regards,
Yigit
Hey Triceratops!
Please add following code to Functions.php file in Appearance > Editor
function woocommerce_button_proceed_to_checkout() {
$checkout_url = WC()->cart->get_checkout_url();
?>
<a href="<?php echo $checkout_url; ?>" class="checkout-button button alt wc-forward"><?php _e( 'Continuar', 'woocommerce' ); ?></a>
<?php
}
Best regards,
Yigit
-
This reply was modified 9 years, 4 months ago by
Yigit.
Hi Rikard!
Oh my goodness–I thought you guys were completely ignoring me. For whatever reason, it didn’t email me that you had responded.
THANK YOU. I’m still having trouble with this. Info below.
Also one other issue: How can I make it so that every individual blog post has a header with an image in it instead of just a bar at the top?
Thanks,
Amanda
Hi, i’ve found the problem or what cause it: video.
If I put a video element that is not shown(the user profile) even if it is on a slider. Is putting a video and it stops working as intended.
I found an old thread that posted the same question i had, how to make the mobile menu open top to bottom instead of diagonal: https://kriesi.at/support/topic/options-for-mobile-menu-display/
The solution provided at the bottom doesnt work though, can you guys advise what it should be for the current version of enfold?
Hi,
I commented out the code you have in Quick CSS field and it seems to load fine on my end at the moment. I was able to correct the issue on Guenni007’s site firstly by changing top value however on your site -100% is working fine. Can you please flush browser cache a few times and review your website?
Best regards,
Yigit
Hi,
I have commented out your custom CSS codes that are in private content field from your style.css file and from Quick CSS field, added following one
#header.header-scrolled .logo img { padding-top: 5px; }
then uploaded your logo in Enfold theme options. Please review your website now
Best regards,
Yigit
How do I charge the same font that carry on the desktop screen on devices? On Ipad and Samsung do not carry the same text fonts.
In devices texts are huge and titles cut in the middle.
LINK
Hello. Thank you for the CSS, but I need the color properties of the tabs to be different for each section/tab group. I need the colors to match the corresponding iconbox colors.
Here is the CSS I’m using and applying to ALL media queries. Again, looks great in desktop mode, but does not flow down to the media queries.
#top.page-id-102 #cloud-solutions .tabcontainer .tab_titles .tab.active_tab {
background-color:rgba(5,78,183,1)!important;
color:rgba(255,255,255,1);
}
Hey Justin,
You will need to use Custom CSS Class enabled, so it only applies to specific table/elements. Kindly enable it by following this thread: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Modify the table and add this custom class mytable then add this code to Quick CSS (located in Enfold > General Styling):
@media only screen and (min-width:768px) and (max-width:960px) {
#top .mytable .av_one_half {
display: block;
padding-top: 40px !important;
width: 100% !important;
}
#top .mytable .av_one_half.avia-builder-el-last {
margin-bottom: 60px;
}
}
Let us know if it works :)
Best regards,
Nikko
Dear Rikard,
Now that I took another look, the element that contains ‘wij hebben een schat aan:’ and than the header rotation, does stack the two 1/2 elements on top of each other now. The elements below this one stil do not appear on top of each other. Also the footer is not user friendly now.
Regards,
Rachel
Hi, the first part, “Hide desktop” works. The second part doesn’t because there is no custom class field in the Easy slider. The text “De coach met Ervaring” is created in the Full width Easy slider as a Caption on the Photo. On Smartphone this Caption covers the photo.
So all I need now is a CSS code that : Does not show the caption “De Coach met Ervaring”in Full width Slider : on Smartphone.
Hi,
Try to add this code in Quick CSS (located in Enfold > General Styling):
#top .sticky_placeholder {
display: none;
}
#top #sub_menu1 {
bottom: 0;
top: auto !important;
}
Let us know if it works :)
Best regards,
Nikko
@webpress: To translate WordPress/Plugins/Themes you can take a look at:
https://nl.wordpress.org/plugins/loco-translate/
If you want to translate PO/MO files you can do this with the Google translation toolkit.
This is almost the same as POedit except that it is ONLINE and you can use MULTIPLE editors at the same time. So you can get together with some collegues/friends/fellow Kriesi-forum-members and translate a single MO/PO file together. Isn’t that nice!
Link to google translate toolkit:
https://translate.google.com/toolkit/
(all you need is a Google-account).
If you have a child-theme(and you should! example) you can put translated PO/MO files there using code from this post in your functions.php.
-
This reply was modified 9 years, 4 months ago by
Pixelbits.
Hi
I followed your tips which I find here and works great but I need to remove link from woocomerce page also.
How I can do that?
Or maybe I can redirect user to another page after they login?
BR
Krzysztof
Hello again,
I try to solve the problem – but I really need your help!
What I found out:
1) A margin-top directly in the Chrome-developer-tools,will solve the problem:
.csstransforms3d .show_mobile_menu #mobile-advanced{
margin-top: -168px!important;
}
2) If I put the same CSS in Enfolds Quick CSS – nothing happens – the CSS also will not show up in the Chrome-developer-tools! Can you please help? In private content you will find account details
Sure, see the link in the private content. The page works perfect on desktops, tablets. The problem only exists for narrow screen sizes like in portrait mode on mobile.
Hey anushikababuv!
Please take a look here
https://support.google.com/youtube/answer/6172631?hl=en
how autoplay works.
Yoiu can use an iframe for the youtube video and load the autoplay.
Thanks a lot
Best regards,
Basilis
Hi Raghu,
Sorry for the late reply, the problem with Safari is a browser specific error we have seen since a few years back but unfortunately it’s something that we haven’t been able to fix. Luckily the user scenario is not all that likely.
For you background image problem, most mobile browsers do not support parallax scrolling so I think that is why it’s not showing. Maybe you can try to create a second section to only display on mobile and have a different setting on it? You can assign IDs to your sections and then show/hide the correct one using CSS like this:
@media only screen and (min-width: 768px) {
#section-desktop {
display:block !important;
}
#section-phone {
display:none !important;
}
}
@media only screen and (max-width: 767px) {
#section-desktop {
display:none !important;
}
#section-phone {
display:block !important;
}
}
Best regards,
Rikard
Hi Eric,
Yes the TinyMCE plugin should be safe to activate again, sorry for not checking that. Thanks for the kind words though I should have spotted that Page Builder plugin much earlier, glad everything is working now though :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Thank you for the kind words.
1. Glad it works!
2. In the theme options Enfold > Header > Extra Elements > Header Social Icons > select Top bar right.
If that does not work keep the social icons in main header active and try adding this at the very end of your themes / child themes functions.php file:
function mobile_menu_social_icons(){
?>
<script>
jQuery(document).ready(function(){
var htmlString = jQuery('.social_bookmarks').html(),
mobileMenu = jQuery('#mobile-advanced'),
desktopMenu = jQuery('.av-main-nav');
mobileMenu.prepend('<ul class="noLightbox social_bookmarks">' + htmlString + '</ul>');
desktopMenu.prepend('<ul class="noLightbox social_bookmarks">' + htmlString + '</ul>');
console.log('<ul class="noLightbox social_bookmarks">' + htmlString + '</ul>');
});
</script>
<?php
}
add_action('wp_head', 'mobile_menu_social_icons');
3. To fix the search icon hover state :
#menu-item-search a {
padding-right: 15px!important;
}
If you still have any issue please let us know and we might have to take a closer look at the settings so Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
Vinay
Hey rlogan2334,
I can’t see the issue on my end, the gallery looks good on my end unlike what is shown in the image you posted. Can you tell us what device you used to view it? Desktop, ipad, mobile device, etc. What browser is used? chrome, firefox, safari, ie. And if desktop what OS is used? like Windows 10, MAC OSX, etc.
Best regards,
Nikko