Hey kingcantona!
Please update Enfold to the latest version 2.4.5 and check if that helps ( Please see http://kriesi.at/documentation/enfold/updating-your-theme-files/ ), if not, please refer to my post here https://kriesi.at/support/topic/navigation-menu-on-ipad-portrait-view/#post-216753
I checked your website on my iphone and it does work fine. I tagged Josue so he can take a look at it on his Android device. Let us wait for his answer
Cheers!
Yigit
Hi!
You can go to Enfold theme options > Header tab and click on X icon to remove social icons http://i.imgur.com/HzjND7a.jpg
Or you can add following code to Quick CSS in Enfold theme options under Styling tab
#top .social_bookmarks { display: none; }
Best regards,
Yigit
That’s more like it! Thanks :D
Hello
I using small fixed header and I want to fix logo and menu at the top, it means when I scrolling down, the header must fixed at the top, can you please help me
Hi!
Please remove margin-right: 10px; from the bottom line and add (copy&paste) the code i posted here https://kriesi.at/support/topic/what-is-the-quick-css-to-make-the-top-header-social-media-icons-larger/#post-218805
Regards,
Yigit
My quick CSS code looks like this:
#header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 125px !important;
line-height: 125px !important;
max-height: none !important;
}
#top .social_bookmarks { top: 20%; }
.home .template-page.content.twelve.alpha.units {
padding-top: 5 !important;
padding-bottom: 0 !important;
}
#top .social_bookmarks li a { font-size: 18px; margin-right: 10px; }
Hey!
I have just checked your website and it seems like you have added wrong class. You are using
#top .social_bookmarks li a instead of #top .social_bookmarks li
Please check once again
Regards,
Yigit
Hi!
You are welcome! I noticed that you have modified Josue’s custom CSS code to following
.home .template-page.content.twelve.alpha.units {
padding-top: 5 !important; }
And it is not being applied. If you would like to increase top padding a bit, please use it as following
.home .template-page.content.twelve.alpha.units {
padding-top: 5px !important; }
Cheers!
Yigit
Hi!
Please add following code to Quick CSS as well and adjust as needed
#top .social_bookmarks li { margin-right: 10px; }
Cheers!
Yigit
that worked fine :)
What about if i need to space it a little?
Hi Mohan!
Can you post the link to your website so we can inspect elements on it and provide you a more accurate custom CSS code?
Cheers!
Yigit
Hi!
@spiv Feel free to post your request here https://kriesi.at/support/topic/enfold-feature-requests/
We would gladly like to take a look and help you solve your logo issue. But please start a new topic
Regards,
Yigit
Hallo,
ich habe ein Problem mit eurem tollen Theme.
1. Ich würde gerne die Prettyphoto Lightbox deaktivieren und dafür das installierte Responsive Lightbox Plugin verwenden. Das deaktivieren folgender Zeilen hat in der avia.js hat leider nicht den gewünschten Erfolg gebracht
//activates the prettyphoto lightbox
$(container).avia_activate_lightbox({callback:'avia_lightbox_callback'});
Desweiteren werden in meinem Portfolio und im Slider die Fotos im Hochformat nicht richtig dargestellt. Sie werden immer auf die Slider Größe gestreckt.
Auf einer Beispielseite könnt Ihr das Problem sehen.
http://www.fotos-braun.de/wp/test-kriesi/
Meine Quick CSS sieht so aus:
.title_container { display: none; }
.responsive .mobile_menu_tablet .main_menu { display:block; }
#top div .avia-gallery .avia-gallery-big, #top div .avia-gallery .avia-gallery-big img{
float: none;
text-align: center;
width: auto;
}
Vielen Dank schon mal
Grüße
derbjoern
Hey!
You are welcome, glad we could help :) Let us know if you have any other questions or issues
Cheers!
Yigit
Thanks Yigit – i was missing the # :)
Thanks Josue
Problem 2: solved. Thank you!
Problem 1: I solved the rest of it with this:
#top input[type="text"] {
border-radius: 2px;
}
Case closed!
Hi Kriesi-Support-Team,
it would be great, if you could help me with the following customization.
I’d like to place a tagline on the right hand side of my logo (My Header Type: “Fixed Header with Social Icons and additional Navigation”; My Logo Dimensions: 113x113px).
Up to now I’ve followed the instructions of the following thread: https://kriesi.at/support/topic/how-can-you-add-a-tagline-or-subheading-to-all-pages-for-the-enfold-theme/#post-203194. Allthough the tagline does appear in the header, great part of it is covered by the logo.
I would be grateful, if you could tell me, how to “push” the tagline to the right.
Thanks in advance for your efforts!
Best,
Rainer
Hi!
1) Normally Enfold will display the WPML flags in the top navigation menu. If you want to add the flags to the main menu add following code to the functions.php file (insert it at the very bottom of the file)
if(!function_exists('avia_append_lang_flags'))
{
//first append search item to main menu
add_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 10, 2 );
function avia_append_lang_flags( $items, $args )
{
if ((is_object($args) && $args->theme_location == 'avia'))
{
global $avia_config;
global $sitepress;
$languages = icl_get_languages('skip_missing=0&orderby=custom');
if(is_array($languages))
{
foreach($languages as $lang)
{
$currentlang = (ICL_LANGUAGE_CODE == $lang['language_code']) ? 'avia_current_lang' : '';
if(is_home() || is_front_page()) $lang['url'] = $sitepress->language_url($lang['language_code']);
$items .= "<li class='language_".$lang['language_code']." $currentlang'><a href='".$lang['url']."'>";
$items .= " <span class='language_flag'><img title='".$lang['native_name']."' src='".$lang['country_flag_url']."' /></span>";
$items .= "</a></li>";
}
}
}
return $items;
}
}
2+3) You can try to use a negative margin-top to re-position the flags (i.e. above the main menu links).
4) In the code I posted above replace
if(is_home() || is_front_page()) $lang['url'] = $sitepress->language_url($lang['language_code']);
with
if(is_home() || is_front_page()) $lang['url'] = $sitepress->language_url($lang['language_code']);
if(ICL_LANGUAGE_CODE == 'ar') $lang['country_flag_url'] = 'http://my-custom-flag.png';
and instead of http://my-custom-flag.png insert the url to your flag image.
Best regards,
Peter
Hi
I am trying to use this code:
@media only screen and (max-width: 767px) {.content { padding-bottom: 10;!important; }
.content { padding-top: 10px;!important; }}
to shrink the padding on mobile devices, but I’m not sure it’s working.
any suggestions? thanks
Hi Samlibs!
Try to replace following code in
if( this.isAnimating || this.itemsCount < 2 )
{
return false;
}
with
if( this.isAnimating || this.itemsCount < 2 )
{
return false;
}
if( dir === 'next' && this.current >= this.itemsCount - 1 )
{
this._stopSlideshow();
return false;
}
Regards,
Peter
These fixes work fine on the expanded desktop view – but unfortunately create a 160px distance between the navigation and main content when viewed at compressed (mobile) screen size…. nearly there! Sorry
Hi!
You can try the code I posted here: https://kriesi.at/support/topic/breadcrumb-and-blog-title-formatting/#post-214336 – replace the id “20” with the id of your “Citrus” blog page.
Best regards,
Peter
Hi,
I am looking for a different solution with the WPML Flags on Enfold and I am looking for something like this:
1) No language text needed (i.e. English), just two flags side by side
2) Flags should go ABOVE the last menu item on desktop.
3) On iPhone / responsive, it should show BELOW the drop-down menu
4) Finally, there is a flag that I would like to change the image: sitepress-multilingual-cms/res/flags/ar.png – I know I can easily replace the image directly on that directory, but is there a better Quick CSS way to point that flag to a different image?
I’m not sure if these are all easy, but all help one can give is welcome.
Thank you.
Hi
I would like to remove some space between 2 promotion boxes that i have sitting on top of each other
Thanks
Hi,
Open css/base.css and look for line 195-196:
#top textarea,
#top select {
Replace it by this:
#top textarea {
In the same file, also remove 233-234:
#top select {
width: 220px; }
Regards,
Josue
Hey!
Try adding this code to the Quick CSS:
td {
padding: 4px 6px !important;
}
Cheers!
Josue
Hey Fiorilla!
Add this on Quick CSS:
.main_menu {
display: none;
}
Cheers!
Ismael
This reply has been marked as private.
Hey!
Please add this on Quick CSS:
.avia_mobile #top #searchsubmit, .avia_mobile .ajax_load {
height: 42px;
}
Regards,
Ismael