Hi Nikko – i think this works fine for now and this issue can be closed.
Thanks for your hep so far. if you see our site – we have 3 blocks in the middle section. Question is – Is it possible to show the three blocks as a slider in mobile ONLY? That means instead of showing blocks one below the another – show it as a slider which user can move left or right. No change required in desktop version.
Thanks much.
Hi!
Please add this css code in the Quick CSS field:
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
li#menu-item-310, li#menu-item-344 {
top: -20px;
}
}
Cheers!
Ismael
Hi!
@aka-alex: Please create a new thread or post then provide the url to the page. The modification above should affect the desktop and the mobile view as well.
Best regards,
Ismael
Hey!
Thank you for the update. Please add the following css code to adjust the position of the sub menu.
#top #header_meta .sub_menu {
left: 20px;
}
Cheers!
Ismael
Hi,
Great, glad you got it working and thanks for the feedback. Please let us know if you should need any further help on the topic or we can close it.
Best regards,
Rikard
Hi,
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,
Rikard
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,
Rikard
Hi!
Did you remove the banner? You need to adjust the height of the menu items to prevent them from covering the banner.
#top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
height: 40px;
line-height: 40px;
}
.html_cart_at_menu.html_header_top #top .main_menu {
right: 0px;
top: 50px;
}
Best regards,
Ismael
Hi,
Great, glad you found a solution. Thanks @guenni007 for helping out :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
The absolute position basically means you can place it anywhere on the page, you will have to change the values top and left to position it properly. You could also to add an image to a 1/1 element above the footer and give the element a negative bottom margin to see if that works out.
Best regards,
Rikard
Hey JennyGr,
You can the following your child theme’s CSS file:
.entry-content-header {
position: absolute;
top: 0;
}
Please try to remove it.
Best regards,
Rikard
Hi,
Ok, thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hello! I would like to add a full-width container/div to the header, below the main menu. There is a repeating image (alternating colored boxes) that appears as a stripe across the top of our current website, and I would like to use this stripe in the header with the Enfold theme for our new site. What bit of code do I add code to the Enfold theme to make this appear? Links to both sites in private content below. Thank you!
I use some tables on my website. I have a website in 2 languages, Dutch and English. Using WPML as plugin.
When I use the tables they look different in both languages. I use the same settings but on the Dutch version the top background is light purple (what I want and like) On the English version it is white. I checked my Website Styling settings and CSS. All are the same settings. I can’t figure out why the tables are different. What am I missing?
Hi,
I added this code in the General Styling > Quick CSS field:
.wp_widget_plugin_box {
margin-top:40px;
}
There is a little gap between the title and player that I had trouble with.
Hope it helps though.
Best regards,
Mike
Hi Rikard
Thank you for your response.
We have set up the site and created everything the way we want it, but recently certain functions of the website have stopped working. For example, When i select an image (using Advanced layout editor), I used to be able to make the image link to another part of the site or another site altogether. Now when i try to do this the options for creating links simply aren’t there. There are a few other issues but i figure they are part of the same glitch…?
It has been suggested to me that I install the latest version of enfold child but i cannot for the life of me even work out how to even do this. Please help.
Ben
Hey jnightingale,
Try this code in the General Styling > Quick CSS field:
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { height: 86px; }
Best regards,
Mike
Hey margiela,
Follow the steps to add different social icons here: https://kriesi.at/support/topic/use-different-social-icons/#post-251970
I found the icon you want is “ue800” which happens to be the yelp icon and is in the code provided.
Best regards,
Mike
Michael NahbergerGuest
Hello,
Is there a way to create a trail-site on my wordpress Installation with these theme to show this my partner First, before we buy it?
Is the logo on top/left an image or a text image combination and whats with an longer company name (19 characters) in the header particularly with regard to a small smartpohone view in portrait mode?
Is the color combonation on these theme demo customizable?
Can i use these theme in my own wordpress installation without problems?
Is there a video thats shows me how to use these theme to create a site look like these demo?
Best greetings
Michael Nahberger
I’d like to change (or add) one of the social icons at the top and footer
I want to add a location-pin icon
I send these two links to let you know what I would do
https://www.palazzozuppellohotel.com/sample-top-footer.jpg
https://www.palazzozuppellohotel.com/sample-footer.jpg
thank you
First of all – this new element is a very mighty layout thing! Thanks – it is a value complement to enfold.
is there a possibility to remove the positioning of the tab-headings when the screenwidth gets smaller (not the tab-content)
this container (.av-tab-section-tab-title-container) : it centeres the active tab-heading when screen-width is less than the whole width of the images.
Is there a simple way to get rid of that? (maybe this element is centered by a new js rule. )
The reason of my question: We can use this tab-section for a horizontal page content and the tab headings are then a “pseudo navigation”
A bit of css will make the rest of changings than (#top .av-section-tab-title might be set to display: inline-flex ; that little arrow should be positioned absolute then etc.)
HI sorry this particular page is http://fullrotation.com/animated-explainer-videos/
It was on the “services” menu drop down
But as I mentioned this is just one example, I want to apply this to ALL videos for ALL pages across my whole site. Many of my pages have videos on, and I want the same, so didn’t think I needed to give a particular page sorry
So another page would be http://fullrotation.com/motion-graphics-design/
this has four videos again in two columns in one single color section, but on mobile they are just viewed vertically one on top of the other which is great, but again need them to go to full width with NO margin left or right
thanks for you time again
David
Hello and thanks in advance for your help.
I am using a plugin and they published this code to make a series of links across the top look like tabs
<?php
/**
* Plugin Name: AffiliateWP - Affiliate Area Custom Styling
* Plugin URI: https://affiliatewp.com
* Description: Adds custom CSS styling to the Affiliate Area
* Author: Andrew Munro, Sumobi
* Author URI: http://sumobi.com
* Version: 1.0
*/
function affwp_affiliate_area_styling() {
// only load CSS on the Affiliate Area
if ( ! ( function_exists( 'affwp_get_affiliate_area_page_id' ) && is_page( affwp_get_affiliate_area_page_id() ) ) ) {
return;
}
?>
<style>
@media only screen and ( min-width: 1200px ) {
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs {
margin-bottom: 0;
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li {
padding-right: 0;
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab.active {
padding-top: 5px;
background: #fff;
}
li.affwp-affiliate-dashboard-tab {
border: 2px solid #f7f7f7;
border-bottom: none;
position: relative;
background: #f7f7f7;
}
.affwp-tab-content {
padding: 40px;
border: 2px solid #f7f7f7;
border-top: none;
}
#affwp-affiliate-dashboard-tabs a {
display: block;
padding: 10px 15px;
}
#affwp-affiliate-dashboard {
overflow: hidden;
}
li.affwp-affiliate-dashboard-tab.active:before,
li.affwp-affiliate-dashboard-tab.active:after {
content: '';
position: absolute;
height: 2px;
right: 100%;
bottom: 0;
width: 1200px;
background: #f7f7f7;
}
li.affwp-affiliate-dashboard-tab.active:after {
right: auto;
left: 100%;
width: 4000px;
z-index: 1;
}
}
/* TwentySixteen theme specific */
/* remove the dotted line */
#affwp-affiliate-dashboard-tabs a:active,
#affwp-affiliate-dashboard-tabs a:focus,
#affwp-affiliate-dashboard-tabs a:hover {
outline: 0;
}
#affwp-affiliate-dashboard-tabs a {
box-shadow: none;
}
#affwp-affiliate-dashboard-tabs a {
color: #686868;
}
#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab a:hover,
#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab.active a {
color: #1a1a1a;
}
</style>
<?php
}
add_action( 'wp_head', 'affwp_affiliate_area_styling', 100 );
This works fine on the default wordpress theme but not on enfold. Wanted to see if you had any changes that I would need to make.
Hey JennyGr!
You can increase the font size and it will go to send line.
To make the description although look better, add the following to your custom CSS
.grid-entry-excerpt.entry-content { padding-top: 50px !important; }
Let us know if it works out for you.
Best regards,
Basilis
Hey nikolaj,
Please include the exact file path when you don’t wordpress will only recognize some files like header.php, footer.php etc
Example:
Parent Theme > file
Child Theme > file
Parent Theme > folder / file
Child Theme > folder / file
Please refer to https://wordpress.org/support/topic/overriding-parent-theme-sub-files-with-a-child-theme-how for more details.
Best regards,
Mike
Hi,
To have the excerpt show, you need to go to the top of the screen in the editor, and click the little tab “Screen Options” then choose the box “Excerpt”. A new excerpt box will now show at the bottom of your screen.

Best regards,
Mike
Hi again…
I found the solution, here in the forum (https://kriesi.at/support/topic/woocommerce-short-description-not-displaying-correctly-on-category-page/). Sorry if I wasted someones time.
I pasted the following code into the ‘functions.php’:
add_action( 'woocommerce_after_shop_loop_item_title', 'avia_category_page_new_div', 20);
function avia_category_page_new_div() {
global $post;
$desc = '<div class="category-desc">' .apply_filters( 'woocommerce_short_description', $post->post_excerpt ). '</div>';
echo $desc;
global $product;
echo $product->list_attributes();
}
Sending a big thanks to ‘Zimbo’ https://kriesi.at/support/profile/jacksgallery/ for posting the solution.
Best regards
Christian
hello, once i get a text element and next to it, in another column, a image element, they are not lined out at the top.
how can i line these things out so they are on the same level, how to achieve this?
Hi Andy
Thanks for the code – sadly, it doesn’t work.
It’s the last code in the Quick CSS field so I know it’s not being trumped. I also tried adding !important but that made no difference.
It still seems I can style the submenu titles, but not the items. They remain styled the same as the top menu items
Would adding a css class in the megamenu menu do anything?
Many thanks
Many thanks again Mike. Its very kind of you.
By the way, I also asked another question concerning blog categories and haven’t get any answer yet. May be you will be willing and able to suggest something please:
Kind regards