Hi!
I added following code to Quick CSS
#header_main nav .social_bookmarks { float: right; }
then added following to functions.php file in Appearance > Editor
function av_move_social(){
?>
<script>
jQuery(window).load(function(){
jQuery("#top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks").detach().appendTo('.av-main-nav-wrap')
});
</script>
<?php
}
add_action('wp_footer', 'av_move_social');
Regards,
Yigit
claudia probst
Yes, sorry. it’s a bit confusing. Here is a link to the dropbox:
https://www.dropbox.com/s/gh3lter6d94fel5/navigation_header.jpg?dl=0
There is a navigation on the very top of the site and a navigation under it, close to the search Icon. My question is can I have in each of them diffrent nav-items (words) because in the example from you Blog and Pages are in both of the navigations.
Thank you
Claudia
Hi kriesi team,
I was wondering if you can help me find some kind of solution. I tried on a inside a grid element and in a color section. I have 4 columns with a btn in the bottom that i need to align to the bottom.
Where is what i was able to do this https://snag.gy/rd4g6D.jpg.
Just need to make the button align to the bottom.
Can you guys help me.
Thaks
I want to use the enfold Form.
Setuzp of 1 form:
– name
– topic
– ….
You will come from an entrypage and select there the company you wand to select. I will send the companyid via GET and want to change the “to Address” based on the Get paramenter.
Can I hook that directly into the form, or need I pass the paramenter somehow until the form is send?
Which hook can I use for that?
Regards
Stefan
Hi,
please contact WooCommerce support about it, as they know their plugin and functions best. Also have in mind to check their documentation about this topic: https://docs.woocommerce.com/document/related-products-up-sells-and-cross-sells/
Best regards,
Andy
Hi Vinay,
For the life of me I can’t get other hyperlinks to work. I’m not sure how you did it. In the text block does the hyperlink shorten down to the following for you?
<a href="../accommodation/#alpine_retreats">Alpine Retreats</a>
I’m now trying to make the ‘find out more’ link go to the top of the accommodation page. Even after copying the fixed link you made (Alpine Retreats) and taking out the #alpine_retreats in the text, it still doesn’t work. The hyperlink in the text block now showing the following for me:
<a href="../accommodation/">Find out more</a>
Even after re-typing the entire link in the text block it reverts to this shortened version.
The same goes for the 4 hyperlinks under the 4 icons (the resort, skiing, summer and location) however clicking the icons remains to work as intended.
Thank you,
James
Hi Andy,
I uploaded the WP Plugin PHP file and a screenshot where it puts the player. The player is put always at the top of the site. I want that the player is put at the start of each colored section, only reading, whats in that section.
Readspeaker gives a way to implement that manually but there is a reason I am using a CMS :)
How to implement Readspeaker into body:
<div id="readspeaker_button1" class="rs_skip rsbtn rs_preserve">
<a rel="nofollow" title="Um den Text anzuhören, verwenden Sie bitte ReadSpeaker" href="//app-eu.readspeaker.com/cgi-bin/rsent?customerid=9152&lang=de_de&readid=[READID]&url=[ENCODED_URL]">
<span class="rsbtn_left rsimg rspart"><span class="rsbtn_text"><span>Vorlesen</span></span></span>
<span class="rsbtn_right rsimg rsplay rspart"></span>
</a>
</div>
[READID]: Insert DIV ID of content to read e.g. “readspeaker_button1
Look at
I made a 4-column page with the following code:
[av_one_fourth first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='http://wesaca-demo.nl/mns/wp-content/uploads/2017/01/stock-photo-laptop-screen-with-a-watch-57164125-495x400.jpg' attachment='60' attachment_size='portfolio' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' custom_class='']
[av_heading heading='Test1' tag='h3' style='' size='' subheading_active='' subheading_size='15' padding='73' color='' custom_font='' custom_class=''][/av_heading]
[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='http://wesaca-demo.nl/mns/wp-content/uploads/2017/01/stock-photo-laptop-screen-with-a-watch-57164125-495x400.jpg' attachment='60' attachment_size='portfolio' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' custom_class=''][/av_one_fourth]
[av_one_fourth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='http://wesaca-demo.nl/mns/wp-content/uploads/2017/01/stock-photo-laptop-screen-with-a-watch-57164125-495x400.jpg' attachment='60' attachment_size='portfolio' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' custom_class=''][/av_one_fourth]
[av_one_fourth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='http://wesaca-demo.nl/mns/wp-content/uploads/2017/01/stock-photo-laptop-screen-with-a-watch-57164125-495x400.jpg' attachment='60' attachment_size='portfolio' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' custom_class=''][/av_one_fourth]
What i want is when you hover over an image you can click on it and move to another link
THX Freek
Hey Emma,
I just checked your site and it seems that the 3/4 for main content and 1/4 for sidebar works well. If you still want to have that column that will take up the remaining space of the page while having a sidebar (which should be fixed width), it is also possible, we can still use the same setup as now with 3/4 and 1/4 but Custom CSS Classes should be enabled so we can work it with some css tweaks, check it here: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Add a class for 3/4 for example my-custom-content and for the 1/4 my-custom-sidebar, also add an id to the section for example my-custom-section and add this css code in Quick CSS (located in Enfold > General Styling):
#my-custom-section .container {
width: 100% !important;
padding: 0;
position: relative;
}
#my-custom-section .my-custom-content.av_three_fourth {
box-sizing: border-box;
width: 100%;
padding-right: 300px;
}
#fullwidthsection .my-custom-sidebar.av_one_fourth {
position: absolute;
top: 0;
right: 0;
width: 300px;
}
This is assuming that the width of sidebar is 300px. Just adjust the code as you see fit. Hope this helps. :)
Best regards,
Nikko
Hi,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:1024px) {
#top .slideshow_caption {
width: 100% !important;
}
#top #wrap_all .slideshow_caption h2.avia-caption-title {
font-size: 28px !important;
}
.responsive #top .slideshow_caption .avia-caption-content {
font-size: 18px !important;
}
}
Just adjust the font sizes as you see fit. Hope this helps.
Best regards,
Nikko
Hi,
Thank you for the update. Please remove the css code then add this in the functions.php file:
function ava_custom_script() {
?>
<script type="text/javascript">
(function($) {
function a() {
$('#top .av_font_icon.feature-icon').click(function(e) {
e.preventDefault();
});
}
a();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script');
If you want to remove the pointer, add this in the Quick CSS field.
#top .av_font_icon.feature-icon {
cursor: default;
}
Best regards,
Ismael
Hi,
I read different posts about changing height of the main menu bar (blue bar with white top and bottom border) and also tried the css snippets but it doesn’t work on my site.
-
This topic was modified 9 years ago by
Tom.
Hello
As a subject said, when I add item to cart I’m unable to update cart. Add to cart button redirect me to non SSL (http) cart page. But…when I click to cart icon on top right (mini cart), it redirect me to secure page (https).
Please help
Thank you
Hi,
To implement the ajax search on the page give this solution a try :)
Plugin approach
https://wordpress.org/plugins/relevanssi/
or customise theme files
https://kriesi.at/support/topic/enable-ajax-instantsearch-on-big-search-box-on-frontpage/#post-664248
Best regards,
Vinay
-
This reply was modified 9 years ago by
Vinay.
Hi
I would like my main menu displayed as an icon and not as text on the top right on my website. The problem is that I have many sub pages to one of my pages and when scrolling in the menu the names of those pages don’t show because they get mixed with the text on the website. The menu overlay doesn’t cover all pages.
I have chosen mega menu but it doesn’t seem to work with the icon menu. If I choose a text menu, the mega menu works.
I would like all pages to show and look good when choosing an icon menu.
Fin more info in private content.
It worked. You can close the topic. Thanks :)
Hi,
To remove the white space Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_top_nav_header .av-logo-container {
height: 0!important;
}
If you have any issue with the social icons 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
Hello –
I am using the Envira Gallery plugin and followed the instructions from this thread: https://kriesi.at/support/topic/how-do-i-disable-wordpressenfold-lightbox-but-retain-plugins-lightbox-effect/. I have the Lightbox Modal enabled in Enfold Settings however want to disable it only on Posts.
I made the following changes to the /js/avia.js file: (child theme)
Orig:
exclude : '.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',
New:
exclude : '.single-post a, .single-post, .noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',
I added the following to the end of my functions.php file: (child theme)
function wp_change_aviajs() {
wp_dequeue_script( 'avia-default' );
wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_aviajs', 100 );
When these are changed, the Envira images only appear when you hover over them and the lightbox effect is broken.
Example post link in private content section.
Thanks for your help!
Erik
Hello,
I am having trouble with the WooCommerce product categories banner. By default they are showing the Enfold ‘Welcome! This is a new shop banner’ image across the top which i need to change, but whenever i go to the products>Categories tab and give the category an image they dont display correctly. They are cropped top and bottom and are very short, and they are not full width. I also cant get the menu to be transparent and frosted to match all the other pages.
Is there a way to edit the banner dimensions on these category pages, or if all else fails change the default banner? I can’t find anything in either the Enfold settings or WooCommerce settings. I also need to make the menu frosted.
Let me know if you need screenshots.
Thanks.
Hi guys,
just wondering if you have an update regarding the 2 posts below? Apologies, I am sure you guys are super busy as always. I just have the project due this week.
Thanks so much for your help!
I like how the scroll up button adjusts its position when I flip the phone into landscape mode.
I actually have a floating button, which I want to behave like the scroll up button.
the code I am using for it is
.floating {
position: fixed!important;
z-index: 99999;
right: 2%;
top: 90%;
}
can you tell me how to do that?
I’m trying to add padding to the top of my main logo on a centered header. My links are centered below my logo. Is there CSS that I can put in to achieve this?
Thanks!
Ben
I appreciate your help but probably i did not explained very well to you my problem….
Here is image of what is wrong
View post on imgur.com
So the problem is when screen is like on image 975 px width and i set css code media screen for max-width: 1024px it ignores that line and read media screen for max-width: 1680px
Problem is only for text blocks…I also set media screen “max-width” values for headlines when they break in second line i set css code to increase margin-bottom so text below will be in line at top.
Try to manually resize window to 1024px to see what i am talking about for headlines….
Why is not reading values from media screen max-width: 1024px?
Hi!
Tony, please feel free to create a new topic if you need further help, with close the one here.
Thanks a lt
Cheers!
Basilis
Vinay,
Thanks, I did that and am still getting the error above.
How I am able to replicated it is to go to the naked domain of itsgreektomemn.com in either the Edge browser on desktop or any mobile browser, especially is opened from Facebook.

Thanks
Jon
Hey Guys
Can you help me? I have used this string of code to remove the logo from the top:
.logo { display: none; }
But the standard logo is still showing on mobil, how can that be? Do i need another code to remove that?
In the top picture i need an arrow that shows the visitere to scroll down. I have tried to use the “fullscreen slider”, but it cutting the picture in a wrong way every time. Now i’m using “Fullwith easy slider” and it work perfect, but i can’t get the arrow now.
Is there a solution to that?
My site: ikaika.dk/forside
Hey Elsa,
We will surely help you :) and there is an easier way to do this.
1. Add the below code to Enfold > General Styling > Quick CSS
.push-right{
position:absolute;
right:20px;
top:50%;
transform:translateY(-50%);
}
@media only screen and (max-width:767px) {
.push-right{
position:relative;
right:auto;
transform:none;
}}
2. Add the below html in Enfold > Footer > Copyrights
<div class="push-right"> Text you like on the right side </div>
Best regards,
Vinay
-
This reply was modified 9 years ago by
Vinay.
Hello – I really enjoy the theme! I am having a few issues with mobile view.
1. The footer is set to 4 columns. It squishes the row instead of stacking on mobile.
2. My ‘contact us’ section does the same thing. I tried to make a duplicate section with a different layout, and hide it on desktop/make visible on mobile, however there is not an option to “only view on mobile.” There’s either “hide on desktop” or “always visible.”
3. The mobile menu doesn’t link accurately to my anchors.
4. The social share icons are not showing up at the top. Just looks like blank squares.
I have one more request for the desktop menu, if that’s okay. Is there a way I can raise the menu links up a bit so they aren’t so far down? I wanted to make my logo bigger, however when I increase the size of this section, it keeps the links vertically centered so they look oddly far down. How could I adjust this?
Thank you for your help!
Hi,
I want to add a link to a column background. Tried to add the following code to functions.php and use custom css according this link:
No luck…. I use WP 4.7.2 and Enfold version 3.8.4
What is wrong?
THX Freek
Hi,
Let’s start from fresh!
remove any code you added earlier to solve this.
1. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
/*Show only in mobile or desktop*/
@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}
@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}
2. In Appearance > Menu page click on screen options and select the css class.

3. Add the menu items to the menu list and in the class name section add only_mobile for the once you like to show in mobile and only_desktop for the menu items you want to show in desktop.
Hope this helps :)
Best regards,
Vinay