Great Work Guys,
Please i need a function code to move the cart icon from right to the left of the menu. I have searched the forum but haven’t seen anything to help.
I saw some css code to re-position the item but when resizing the browser it looses its place, so i was thinking there is a code that can make it start before the menu (like this: https://kriesi.at/support/topic/move-shopping-cart-to-main-nav-menu/#post-368028 but no longer works) or at least could i add a first menu icon link (using normal menus) and let it behave like the cart icon (by showing item number and also the cart dropdown on mouse over.) I dont want to have to download a plugin for this. Enfold is well built and very extensive I’m sure i can achieve it without a plugin.
Looking forward to your response.
Lass uns mal gerade deutsch hier miteinander reden.
In dem Beispiel oben (nicht Enfold) ist es aber wohl schon so wie jetzt bei mir im Beispiel.
Wie gesagt die Sache wird einfacher, wenn man die footer.php dahingehend bearbeitet, dass die interessierenden Container ( in deinem Fall nun beide) nicht mehr in Main liegen. Die bearbeitete footer.php landet dann halt in child-theme folder.
Das ist der momentane Code (wobei ich wirklich kein Profi bin, was die php und jquery Sachen betrifft – ich denke da ließe sich einiges abändern):
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
$(document).ready(function(){
$(document).scroll(function(){
var socketh = $('#socket').outerHeight(),
footerh = $('#footer').outerHeight(),
spacerh = $('#socket').outerHeight() + $('#footer').outerHeight();
if( $(window).scrollTop() >= $(document).height() - $(window).height() - socketh )
{
$('#socket').css('position', 'fixed' );
$('#main').css('padding-bottom', socketh );
}
else {
$('#socket').css('position', 'relative' );
$('#main').css('padding-bottom', 0 );
}
});
});
})(jQuery);
</script>
<?php
}
weiß nicht ob ich die document ready funktion wirklich brauche. Die scroll funktion gibt mir zurück, ob ich den Bottom erreicht habe.
Wenn das so ist wechsel ich ein paar css Anweisungen.
Ich glaube ich muss mich jetzt endlich mal in jquery einarbeiten – scheint ja viele möglich zu sein.
Ich versuche mal die Seite oben umzustricken.
PS : die outerHeight nahm ich damit ich margins und borders gleich mitberücksichtige.
-
This reply was modified 9 years, 6 months ago by
Guenni007.
Hey maximilianolombardi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 13px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
First thing: appearantly it should be changed on the page ”basic settings” and not at the page of the header settings. Did it there but that did nog help. Changing the basic settings shows more result :-D
However, I removed all white space and now it is just aligned to top and it looks pretty crappy. The text illustrates that I should size the logo at 340×156 px. That is what I did before (that was why there was so much white space). We have a tall logo, with almost no height.
I think it would be best if I can just let the logo be centered vertically, but I can’t see how… Please let me know which settings to change.
Kind regards
Hi
I am still having trouble with mobile view. I have removed the left and right padding and left and right margin from .container which has made the desktop view nicer as the section images go right to the edge but the mobile now shows the images hard against the left (which is good) but white space to the right.

I can’t work out how to get the images to have no white space on the mobile version?
Any help would be appreciated
Karen
I think I have tried almost any possible seetings in the color section, but I cant figure out how to use the color section to add a responsive image on top of a page
100% width (height according to image), no margins. and then it adjust responsive. WHat is the setting for this?
Hi!
I have a question regarding a “one page” style layout page and how to control the scrolling.
I have a page where i have a layerslider at the top, and the a menu (sub menu element) below it. When you click on the a menu the page scrolls to the designated sectopn (thru section ID) my question is can have the layersider to always be on top ?So instead of the whole page scrolling the page beneath the sub menu scrolls while the submenu and layer slider is always shown.
is this possible ?
Website here:
Thank you!
Hi,
I would like to improve the look of the promo box:
1) text and avia button vertically centered
2) avia button right aligned with same padding top, bottom and right within the box
3) on mobile the avia button switches under the text, which is fine but I would like to add some bottom padding within the box
Your help would be much appreciated.
Thanks and best regards,
Realit Treuhand AG
sorry, I mean on the top of the smartphone version
try to access by smartphone
Hi,
I added the following code into Quick CSS:
.responsive #top .logo img {
margin: auto;
vertical-align: centered;
}
.responsive #top .logo {
width: 100%!important;
height: 100%!important;
}
On mobile the logo sticks on the top and is not vertically centered. Any ideas?
Thanks and best regards,
Realit Treuhand AG
Hi Hamid,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all .av-social-link-Telegram:hover a {
color: white !important;
background-color: #D62424 !important;
}
Change the color value as you wish.
Best regards,
Jordan
Hi,
The registration form is not showing up on the desktop as well. Please check the installation guide for the script from the site where you got it.
If you have the link to it please feel free to share it with us.
Try to activate a default wordpress theme and check if it works.
If you still have an issue please post the script that you copied to http://www.pastebin.com and share the link.
Best regards,
Vinay
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px){
.responsive #top .flex_column_table {
margin-top: -100px !important;
}
}
Best regards,
Jordan
Hi,
I’m sorry but what do you mean by “topper”? A screenshot will help.
Best regards,
Ismael
Hey pimroll,
Thank you for using Enfold.
1.) Are you planning to add more images? Accordion sliders are usually use for multiple images. If you need to display a single image, use the full width slider element instead.
2.) Set the font size for desktop view then add this in the Quick CSS field to adjust it for mobile.
@media only screen and (max-width: 767px) {
#top .aviaccordion-preview-title h3 {
font-size: 13px !important;
}
#top .aviaccordion-excerpt {
font-size: 12px !important;
}
}
Best regards,
Ismael
Hey Paul,
Sorry for the delay in response!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all .avia_mega_div {
background-color: #BE2030;
border-color: #BE2030;
}
#top #header .mega_menu_title a {
margin-left: -50% !important;
}
Best regards,
Jordan
Hey clairemartindigital,
Try the following and let me know the result:
-Click the “Safari” menu in Safari and select “Preferences.”
-Click the “Appearance” icon in the resulting dialog box.
-Check the box labeled “Display images when the page opens.”
-Click the red “X” at the top left corner of the dialog box to confirm the change and return to browsing.
Best regards,
Jordan
Hey Paul,
Thank you for using Enfold.
The yoast page analysis is incompatible with the advance layout builder but it won’t affect the actual SEO of the site.
Related thread:
// https://kriesi.at/support/topic/wp-seo-yoast-avia-page-builder-integration/
// https://kriesi.at/support/topic/enfold-yoast-compability/
Best regards,
Ismael
Hey tmgscanada2,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header_meta {
background-color: transparent!important;
}
Best regards,
Vinay
H There,
I have a background video which is not playing in my Iphone 6 device – running IOS 10. When I untick “Hide video on Mobile Devices” I can still see a play button and the video doesnt seem to autoplay. With the introduction of IOS10 I would assume that background videos would autoplay on this device?
Thanks,
Elliot.
-
This topic was modified 9 years, 6 months ago by
elliot-a.
Hi,
Please let us know if you added the code that was provided earlier?
NOTE: If you are logged in as admin you will notice the bottom of the footer may be visible only when scrolled down this is because the admin bar appears on the top and the code calculates the height of the browser window. However this will look fine for your users :)
Let us know if you have any questions.
Best regards,
Vinay
-
This reply was modified 9 years, 6 months ago by
Vinay.
Hi Basilis,
hi Kriesi-Team,
thanks for the quick response. But I don’t understand your post. The code you proposed I should to update is my existend and current code, which doesn’t work with Safari Browsers. -> On Andoid tablets it works perfectly.
Those Elements, which I assigned to the classes “.rob_menu” and “.rob_desktop” should appear with safari on displays larger than 1024. But safari hides this elements.
Are there any solutions for this problem?
Best regards!
Robby
Thank you very much for your help! That actually fixed the issue. But while doing the fix I noticed something I never did before. I have a sticky social media icon (google+, facebook, twitter, print, and +) on the top left border of my screen. The funny part is this icon is not happening in every single page but certain pages. Even though it may be something I accidentally installed previously I have no recollection how and when (since I have not visited this site in a long time). I like the feature but I want to know where should I go and activate/deactivate it so I am in control over it.
Can you please explain. I am guessing this is a feature that came with the theme because I found no plugin installed for social media floating icons. Please see my credentials below if you need to access the backend of the site and check. Thanks a lot!!
Hi!
Please keep the conversation only to one topic, so we can have a sequence.
Thanks a lot
Regards,
Basilis
Hey rnitsch!
Please update your code
@media screen and (max-width: 1024px){
.rob_menu, .rob_desktop {
display:none!important;
}
}
and let us know if that will solve yur issue
Cheers!
Basilis
Hi Rikard,
I updated my theme and it worked, the spinning stopped. Thanks a lot for looking into this.
I changed the theme by downloading the new theme zip onto my hard drive. I couldn’t get my FTP working so I went to Hostgator File Manager to update the theme files, then DELETED my Enfold folder and all its files, was scary, lol. Then highlighted the ‘Theme’ folder and uploaded the zip, clicked ‘Extract’ and WordPress site worked perfectly.
By the way, Envato – Themeforest refused to give me the update version of the Enfold theme, so I had to buy the Enfold theme again, that’s why this took so long to post this. My email changed since I bought it, they said sent an email to re-set my password. They wouldn’t give me new credentials even though I had a product key, and my original username and password.
I’m so glad my business is back up and running, thanks again!
Bob
Hi,
Three days ago I created my first post in this support forum. As I didn´t get a reply yet, I´m not sure whether I can expect to get one later.
So I asked myself the question whether this forum is the right place to request support from Kriesi? Maybe this is rather a place for the community to help each other and there is another way to request support?
I thought, I might find such a question in the FAQ. But the “FAQ” has about 500 topics so it´s not really a FAQ. And my question was not included as far as I could see.
Best regards,
Gerald
Hi Kriesi-Team,
I try to post this problem in a separate topic, because participants can find it earlier, I hope. On wide Apple tablets with wide screens safari hides elements, which I defined in my css only to hide on screen smaller than 1024px. You should know, that “.rob_menu” and “.rob_desktop” are classes from elements, I wanted to hide only on screens smaller than 1024px, BUT SAFARI HIDES IT ALWAYS:
@media screen and (max-width: 1024px){
.rob_menu, .rob_desktop {
display:none!important;
}
Do you have a solution? Please help.
Best regards!
Robby