Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) {
#top .flex_cell .avia-button.avia-position-left {
float: none;
display: inline-block;
position: relative;
left: 0;
right: 0;
}
#top .flex_cell .avia-button-wrap {
display: block;
float: none;
text-align: center;
}
}
Cheers!
Josue
Hey!
Try adding this code to the Quick CSS:
#top .scroll-down-link:before {
content: url(_LINK_TO_IMG_);
}
Make sure the image is around 60×60.
Cheers!
Josue
Hi,
Sorry, I have looked for a solution for this issue but can’t seem to find an answer here.
If you look at my website, you’ll see there is an iframe for the Booking Online page. On desktop, when I shrink the page down, there are scrollbars so you can move around the page. On an iPhone 6, you can’t see the right-hand side of the booking buttons and it won’t scroll at all.
Apologies if I have missed this question in the forums.
Many thanks in advance,
Jim
Es por este codigo que tienes en style.css:
/*PARA PONER EL SIDEBAR DEBAJO EN VERSI�N IPAD VERTICAL*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 967px)
and (orientation: portrait) {
.container {
max-width: 100% !important;
}
#top #main .sidebar {
width: 100% !important;
}
/*PARA PONER EL FOOTER CON UNA SOLA COLUMNA EN IPAD VERTICAL*/
.flex_column {
width: 100% !important;
margin-left: 0 !important;
}
}
Hi,
Add this:
@media only screen and (max-width: 767px){
.responsive #socket .social_bookmarks,
.responsive #socket .copyright {
display: block;
float: none;
clear: both;
margin: 0;
text-align: center;
}
.responsive #socket .social_bookmarks li {
float: none;
display: inline-block;
}
.responsive #socket .sub_menu_socket {
padding-top: 10px;
}
.responsive #socket .sub_menu_socket li {
display: block;
margin: 8px 0;
border: 0;
}
}
Best regards,
Josue
I think I figured the problem out, but I still need help to solve it.
Looks like the problem is I created two Full Width Sliders in the front page.
Because the slider doesn’t look well on mobile, I decided to make 2 different sliders with different sizes; First one for Desktop and Tablet, Second for Mobile (and Tablet when is vertical).
According to one of the answers in this forum, I used this code in order to do it:
/*First is for Desktop and Tablet, second is for Mobile*/
@media only screen and (max-width: 989px) {
div#full_slider_1 {
display: none;
}
}
@media only screen and (min-width: 988px) {
div#full_slider_2 {
display: none;
}
}
Thing is that it looks like this code makes the problem of animation triggers late.
Look at “ex1” in the private content in comparison to “ex2”.
ex1 has both Fullwidth slider for desktop & mobile.
ex2 has only one Fullwidth slider. That means that the code above doesn’t affect this page, at least not on desktop view, and only the desktop slider is shown (and exists) in this page.
ex1 has the animation problem and ex2 doesn’t.
That means that the code makes the problem, because for some reason, your theme counts the non-visible slider in the trigger point value.
What’s the right way to hide each slider for each device, in a way that is won’t affect the animations?
I need the font-color looks different from my transparent header font color,want it to be white, and the color from mobile,in red.
and as you can see the social, Facebook, logo color is different from others, want to know how to fix it.
Also, the transparent header bottom border line color is missing.


-
This topic was modified 9 years, 6 months ago by
Faway.
Hey artemtik,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-section.av-minimum-height .container .content {
vertical-align: top;
}
Best regards,
Vinay
Hi
i am using enfold and the logo in the top bar keeps resizing itself. it becomes stretched and distorted. i have removed plugins that i thought my be causing the problem. i put in a new logo and it works for a few minutes and then resizes itself and stretches ???
please help here is the website
Hi,
I wonder if there’s a way to disable the loop while inserting multiple images on a post? I’d like the lightbox to stop at the last image.
Thanks!
Hey noefresh,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
/* Vertical Space */
.flex_column.av_three_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-5.el_after_av_one_fourth.avia-builder-el-last {
border-left: 1px #000 solid;
margin-left: 0px;
padding-left: 30px;
}
To remove the padding below the image and the horizontal divider please enable the custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ add a custom class margin-top0 to the divider and the below css in Quick css
.margin-top0 {
margin-top: 0 !important;
}
Best regards,
Vinay
Hi,
Add this in the Quick CSS field to display the sidebar on mobile:
@media only screen and (max-width: 767px) {
.responsive #top #main .sidebar {
display: block;
width: 100%;
}
.responsive .single-product-summary {
width: 100%;
}
}
Works here: https://braandcorsetsupplies.com/product/satin-strap-elastic-bra-strap-elastic/
Best regards,
Ismael
Hi,
Thank you for using Enfold.
1.) Adjust the top padding of the #main container:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 120px;
}
2.) Get the original copy of the logo then resize it to 273x80px. Upload it again as theme logo.
Please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.
Best regards,
Ismael
Hi,
Please try the solution provided here: https://kriesi.at/support/topic/woocommerce-2-6-2/#post-661885
Best regards,
Ismael
Hello!
However, now when I make a page, there is a 500px-ish gap between the top of the color section and whatever i place in it.
This hasn’t effected my other pages I already created. No problems on previous pages. Just new ones I create.
Hi Enfold,
I’m using the latest version of wordpress & enfold. I’ve got a bunch of posts made with a top level category of “project”, and I want to rearrange the way that the posts are displaying on my page. I’ve tried to change the publish date of all the posts to have them appear in a particular order, but nothing I’m doing changes the display order on the site. Even when I’m in the backend masonry settings and switching the post order from Ascending or Descending, it doesn’t change how the posts are displayed.
thx,
Hello,
I’ve gone through slide two as suggested earlier in a post (as well as slide 1) and gone through each layer. I would think the content in the photo below would be in one of the layer text boxes. The buttons on separate layers.
What I believe I should be looking for is the text that appears on my Front Page at the top:

I would think I should find the words: WELCOME TO ENFOLD RESTAURANT and The best gourmet restaurant available in Manhatten
Book online or call (555)123-4567 on one of the layers. And that it should inside the page where one works on sliders.
Is it possible another tool was used to create this text and slider? I’d love to change the text which would fix the issue.
If so, where do I find that tool so I can edit the content?
I appreciate the help.
Thank you,
Bob
Hello Basilis,
I have already done that. Some of the content boxes are not visible. The ones on top of the list….
I’m missing something. If I can just find the content…should be a simple fix….
I will try again.
Thank you,
Bob
-
This reply was modified 9 years, 6 months ago by
BobCarey.
Hi jeronathon!
https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
Please take a look here and let us know if that solves your issue.
Thanks a lot
Cheers!
Basilis
Hello!
I need to place a text in 1/2 right column on the top of the page (below the header). The text is placed on colour section with a background image.
But for some reason the text appears not at the top, but near the center of the image (even a bit lower).
How can I move it higher?
Thank you in advance!
Best regards,
Artem
thanks but i definitely need the image to appear on both mobile and desktop
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top #header_main_alternate {
background-color: red;
}
It is dynamically applied as you said. Please request such option here – https://kriesi.at/support/enfold-feature-requests/
Regards,
Yigit
Hey kilimats!
– We are using bbPress – https://wordpress.org/plugins/bbpress/ which is fully compatible with Enfold.
– Please add following code to Quick CSS
.title_container .breadcrumb {
right: auto;
left: 0;
top: 80%;
margin-left: 48px;
}
Cheers!
Yigit
Hallo Support-Team,
zuerst einmal: Großes Lob für dieses tolle Theme.
Allerdings kann ich nach dem Update (WP 4.5 Enfold 3.6.2) nicht mehr die Dosis wie hier beschrieben
https://kriesi.at/support/topic/how-to-use-dosis-font-google-font/#post-181114
ans Laufen bringen…
So sieht der Code meiner functions.php aus (inkl. 4.4 WP-hotfix):
add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Dosis’] = ‘Dosis:400,500,600,700,800’;
return $fonts;
}
add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Dosis’] = ‘Dosis:400,500,600,700,800’;
return $fonts;
}
function modify_jquery() {
if (!is_admin()) {
wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’, ‘https://code.jquery.com/jquery-1.11.3.min.js’);
wp_enqueue_script(‘jquery’);
}
}
add_action(‘init’, ‘modify_jquery’);
Könnt ihr mir helfen? vor dem Update war der Font up and running.
LG Markus
Done. And it’s really on every page I edit the button stops to be fullwidth
-
This reply was modified 9 years, 6 months ago by
roderickvs.
Hey!
Please add following code to Style.css as well
#top .av-custom-form-color .button, #top div .av-light-form .input-text, #top div .av-light-form input[type='text'], #top div .av-light-form input[type='input'], #top div .av-light-form input[type='password'], #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button {
border-width: 1px !important;
}
Cheers!
Yigit
Hi!
You had one small CSS error in your Quick CSS field, i fixed it and then added following code to Style.css file of your child theme in Appearance > Editor
#top div .av-dark-form .input-text, #top div .av-dark-form input[type='text'], #top div .av-dark-form input[type='input'], #top div .av-dark-form input[type='password'], #top div .av-dark-form input[type='email'], #top div .av-dark-form input[type='number'], #top div .av-dark-form input[type='url'], #top div .av-dark-form input[type='tel'], #top div .av-dark-form input[type='search'], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
border-width: 1px !important;
}
please review your website now
Cheers!
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-menu-fx {
display: none;
}
.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu {
border-top-color: transparent;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Cheers!
Yigit
Hey LorbeerDesign!
Thank you for contacting us!
We have already reported the issue to our devs and they are working on it.
If you urgently need a solution, please refer to this workaround – https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
Best regards,
Yigit