Hi!
Please upload your logo in Enfold theme options and add following code to Quick CSS under Styling tab
.fixed_header.social_header #main { padding-top: 187px; }
.logo, .logo a, .logo img { max-width: 562px!important; }
then please refer to this post to increase the header height to 156px https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003
Best regards,
Yigit
Hi, I use a masonry sorting blog here:
http://noblewhy.com/blog-resources/
On the top of the blog where the category sorting is, is there any way to change that background? I have the image background across all my pages and want to keep that, but is there any way to just change the color of the sorting bar? Thanks!
Hello,
my question is:
how can I stop wordpress to show my Author Page.
The first link on Google with my name is to the Author Page which I don’t want to be displayed.
Thank you very much for your help.
Many greetings
Andy
Hi!
The code you are adding should work. Please try adding following code to Quick CSS
#top #searchsubmit, .ajax_load { height: 42px !important; }
Cheers!
Yigit
Hey sineadh!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.avia-menu-fx { display: none; }
If that does not work, please post the link to your website. I checked the one you have posted in your older topic
Regards,
Yigit
Hey Munford!
There is a small mistakes in the code, please use it as following instead
@media only screen and (max-width: 767px) {
.content { padding-bottom: 10px !important; }
.content { padding-top: 10px !important; }}
Then flush browser cache on your mobile device
Best regards,
Yigit
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