Basilis, I don’t think you are understanding the problem.
On any browser, the iframe will not accept any mouse input once the top level mobile menu appears. On a touch device – IPhone or IPad – it will not accept any finger input. The page can’t be used for input.
This worked perfectly before your last release. Now we have a website that doesn’t work at all on mobile devices.
Hi,
add an !important to the code:
ul.cart_dropdown {
right: 25% !important;
top: 34% !important;
}
Best regards,
Andy
Thanks Rikard. Topic closed.
Hi Guys
I am having a really frustrating time with the forms on my site.
The forms dont seem to be using the theme colors correctly. Some forms have a white text on submit (which is what I want). Some have a grey (which I do not want).
I have tried multiple CSS codes which have worked for others and just nothing seems to budge the submit button colors?
Tried:
body #gform_wrapper_23 .gform_footer input[type=submit]
{
**CSS styling here**
}
body #gform_wrapper_23 .gform_footer input[type=submit]
{
background: #03843d;
}
body #gform_wrapper_23 .gform_footer input:hover[type=submit]
{
background: #0a316c;
}
Also Tried:
body .gform_wrapper .gform_footer input.button,
02
body .gform_wrapper .gform_footer input[type=submit] {
03
color:#ffffff;
04
padding-top:4px;
05
padding-bottom:4px;
06
padding-left:10px;
07
padding-right:10px;
08
border: 1px solidrgba(114,114,114,0.4);
09
border-radius: 1px;
10
-moz-border-radius: 3px;
11
-webkit-border-radius: 3px;
12
box-shadow: 0 1px 0pxrgba(114,114,114,0.3);
13
-moz-box-shadow: 0 1px 0pxrgba(114,114,114,0.3);
14
-webkit-box-shadow: 0 1px 0pxrgba(114,114,114,0.3);
15
background-color: #0096d6;
16
}
17
body .gform_wrapper .gform_footer input[type=submit]:hover {
18
border: 1px solidrgba(114,114,114,0.6);
19
background-color: #444444;
20
}
21
body .gform_wrapper .gform_footer input[type=submit]:active { top: 1px; }
My client is getting so frustrated and I simply dont have a clue on this one – pulling my hair out a little :-)
Your help would be GREATLY appreciated.
Thanks
Dee
Hi there
I am wanting to achieve look as per link in private section for the homepage.
How is the best way to achieve this – I have been trying unsuccessfully to do so.
I would like it to be full page width, but have different column widths but have no gap in between each column.
As per the mock up in the grey areas these would be an image and I want to be able to have text over top of each graphic and a button link as well – all overlapping the graphic behind them.
So for example 2/3 column right beside a 1/3 – but full screen width
then underneath maybe 1/4 column, 1/4 column then half a column.
Is this possible and if how can I create it?
Hi Rikard,
No worries! We would just like to have an alternate top navigation menu that is displayed according to which page you are on. For example, on our site we have two versions of each page (one in English and one in Korean). So we envisioned the menu being as so:
Home -> Blog -> About Us -> Contact Us -> Korean Version
Then when you click on “Korean version” it takes you to the Korean version of the homepage, and the top menu changes to the alternate menu which is in Korean, allowing Korean visitors to see pages in their own language.
We were able to do this previously on a different them (each page settings had an option that asked which top navigation menu we wanted to display on that page). You can see it being done at this link:
http://www.korvia.com
(Click on the last menu ink “한글”)
Thank you Rikard!
This site looks great on desktop, laptop, iphone 5, iphone 6…. but the menu looks terrible my iphone 6 plus. Can you take a look at this screenshot and help me fix this please? When you scroll, the logo header band stays in the position it is in and the rest of the site scrolls underneath it. Why is that extra menu at the top left? Also, I have the setting to convert to mobile menu for tablet and phone…. so why am I seeing this? I’ve created a login for you below so you can take a look.
https://dl.dropboxusercontent.com/u/20667198/FileChute/IMG_0639.PNG
-
This topic was modified 9 years, 6 months ago by
stacieclark.
Hi,
We have updated the code please review the site now.
/* Change header in mobile */
@media only screen and (max-width: 480px) {
#header_meta {
margin-top:-30px;
}
#header .widget {
padding-bottom: 0;
}
.logo img {
margin: auto!important;
}
.logo {
width: 100%!important;
}
.phone-info{
display: block !important;
}
.phone-info h4{
transform:translate(-100%, 40px);
}
#widget_sp_image-2 img{
transform:translate(50%, 40px);
}
#advanced_menu_toggle {
transform:translateY( 160px);
margin-right: 45%;
}
}
Best regards,
Vinay
Hi,
Great, glad you found a solution and thanks for sharing :-)
Please let us know if you should need any further help on the topic.
Regards,
Rikard
Hi Edu,
Great, please let us know if you should need any further help on the topic.
Regards,
Rikard
Thank you but It does not work…., for the sake of clarity, this is how it is set right now in the QUICK CSS form :
.container {
padding: 0px 10px;
}
.content, .sidebar {
padding-top: 10px;
padding-bottom: 10px;
}
.content .entry-content-wrapper {
padding-right: 10px;
}
inner_sidebar.extralight-border {
margin-left: 10px;
}
Hi,
The search icon is disabled on mobile view because there’s not enough space in the header. If you want, you can add the search form inside the mobile menu. https://kriesi.at/support/topic/search-box-in-header-on-mobile/#post-582862
Best regards,
Ismael
Ahoy,
So I’m adding a custom font to enfold using a child theme and need some help. Does this tread work https://kriesi.at/support/topic/custom-webfont-for-child-theme/ ?
Do I add the font folder in the child theme? and what code do I put in the css?
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Josue, I tried placing the following hook into index.php (before main), functions.php, and header.php, but am getting the following error on my WooCommerce Product Page? Either that or I do not have the correct shortcode for the specific sub navigation menu. This is all I saw (
). The Woocommerce Page is the only page I need to include this hook.
add_action(‘ava_after_main_container’, function() {
?>
[av_submenu which_menu='' menu='105' position='right' color='alternate_color' sticky='aviaTBsticky' mobile='active’][/av_submenu]
<?php
});
Also, the Scroll to Top script didn’t work.
@media screen only and (max-width: 767px) {
.responsive #scroll-top-link {
display: block;
}}
-
This reply was modified 9 years, 6 months ago by
Tflores87.
Hi,
The position of the sidebar is correct because it is defined in the template. If you want to place the sidebar in the right or the left of the product content, please follow this post. https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220
What I don’t understand is the incorrect widget area assignment. Please get a fresh copy of the config-woocommerce > config.php file and then override the old one. Or look for this code:
$avia_config['currently_viewing'] = "shop_single";
Best regards,
Ismael
Hi Darneson,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Please use this code in the Quick CSS field to increase the default width of the posts wrapper:
#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 100%;
}
#top .fullsize .template-blog .post .entry-content-wrapper>* {
max-width: 100%;
}
Best regards,
Ismael
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Regards,
Rikard
I get this “Please match the requested format qty” notification. I have looked at https://kriesi.at/support/topic/please-match-the-requested-format-qty-woocommerce-measurement-price-calculator/ but I have some custom code on woocommerce-mod.js that I use in the child theme so I cannot take this out as it will not work as expected. It is strange that this “Please match the requested format qty” only appears in Chrome and NOT in Safari. Is there a way to include the “novalidate” attribute in the add-to-cart button? Or any other solution as this is driving me crazy?
Thanks
I have the latest WordPress and latest enfold but my edit page functions no longer work.
I cannot add any template content or access advanced builder
I have tried Chrome for iPad and windows and have tried safari.
It was working fine and then something changed and the page editor stopped responding
I have also upgraded my wp memory to 256M
-
This topic was modified 9 years, 6 months ago by
swidswid.
Hello Sir,
After a recent update, lost all transition for the default LayerSlider ‘Enfold – most beautiful theme ever’. Even if I create a new Advanced Layerslider, the sample transitions are all gone and therefore I cannot check and copy the transitions again.
Slide #1 – with the desktop, laptop, tablet etc. animated into frame. DOES NOT animate in one by one as default anymore.
As you can see here, my homepage first slider.
Can you please just show me perhaps in text or image all the default transition values and settings. I guess I will just have to COPY ONE BY ONE back into the slider which I have be working on.
I hope you know what I am explaining, and I hope I can get a reply on this asap.
THANK YOU for your help.
it seams that the loop only show new dates. When a date is repeating, it doesnt show the date / comments by the blog post.
Problem also described here for general porpose: https://wordpress.org/support/topic/in-some-posts-date-missing-in-timedate-area/
Please see example:
http://www.dorisgaertnert.ch/blog/

How can I solve that?
****After I hit submit on this topic, i went to the forum and to my topics created and could find it. i refreshed the browser several times and released the cache before trying to resubmit it. I’m sorry in advance if this ends up creating a duplicate topic. ****
The only problem I am having with my contact form now is that the autoresponder is not going to the person that fills out the form. The autoresponder is delivered to me moments before the actual message the person is sending from the contact form is delivered to me.
Please advise how I can fix this?
Thanks again for such a great theme!
I set up my menu in a way so that people could log into their credit accounts in a dropdown:
http://screencast.com/t/LmS0UeARxVDO
I set it up using an iframe in a mega menu:
http://screencast.com/t/sA1lAewf
But on mobile it doesn’t pull the iframe at all:
http://screencast.com/t/aoihhY0jyv
Is there something I can add to the CSS so that it displays it in a similar method to how it looks on desktop?
Hi there! So this changed the Author, comment count, and date, but not the categories.
So I tried, this but it didn’t work:
.html_elegant-blog #top .post-entry .blog-categories .minor-meta {
font-family: arial;
font-size: 20px;
}
Could you send me CSS that will change the category meta info font AND/OR could you send me CSS that would keep the category font type the same, but make it smaller and take the ALL CAPS away?
In addition cuold you send me css to adjust the font, size and color of the numbers in the animated countdown and the animated counter?
And thanks! I’ve been working on it hard! Your theme makes it easy to make it look good!
-
This reply was modified 9 years, 6 months ago by
juliacecere.
Hi,
I noticed I’m not the only one who has problems with Google Maps.
I created the google api key in Google (as you have advised in all topics about this problem) and pasted it in the google services in the enfold dashboard. The map appears for 1 second and then the following message appears again.
‘Oops something went wrong
This page didn’t load Google Maps correctly. See the JavaScript console for technical details’
I just have updated the latest version of Enfold and WP 4.6.
Is there any solution yet?
Best,
Geraldine
Hi!
How can I access fallback image from Inspector? I could not find the CSS code to edit.
I can see it only on mobile, while video slide is off, but I did not find the way to emulate this state on a desktop browser to be able to edit CSS from Inspector.
Hey guys,
I’m working on a site and i’m using buttons so the customers can download pdf files.
However when i make the width of the browser smaller the buttons start to go on top of each other, here’s a little preview of what i’m talking about:


I would like to keep the width of the buttons equal and for that i’m using the following custom css:
.avia-button.avia-size-x-large {
min-width: 376px;
}
Could you help me solve this issue..like for example that the buttons don’t collide but they jump to the next line like this:

Thanks for your time,
Cheers,
Aathi
I would like to change the background color of the tabs AND the content area, as well as remove the borders on the content area left, right and bottom – leaving the borders around the tabs themselves and the content top border as it is. Thanks!
-
This topic was modified 9 years, 6 months ago by
mosaic.