thanks
btw:

get rid of that

#avia-menu {
    margin-left: 27%;
}

because your search field is out of sight
instead try this here:
(the margin-left with transform gives a good method to center that ul

.html_header_top.html_bottom_nav_header .main_menu ul:first-child {
    display: inline-flex;
    margin-left: 50%;
    transform: translate(-50%);
    white-space: nowrap;
    width: auto !important;
}

.html_header_top.html_bottom_nav_header #top .main_menu .menu-item-search-dropdown {
    float: left;
}

and for small screens the “social row” is now too big – so start the advanced menu earlier:

@media only screen and (max-width: 865px) {
  .container #advanced_menu_toggle, #advanced_menu_hide {
      display: block;
  }
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
    display: none;
}
}

your submenu is a bit to small now because of the white-space setting above:

.av-main-nav ul {
    width: 250px;
}

Greetings – and now i’m offline

Well here we go:

please do not make only one custom menu point out of this ! if it has to work like a real link!

so goto Menu and create two custom links (if you don’t know how to get to class setting for menu points ask please)

the red urls are the links
on phone : tel: … (you see the percent sign – this was automatically generated if you use here a blankspace)
on email: mailto: …

the blue underlined fields are what is shown on menu (here you can set in even images or Names like “Phone” “E-Mail” )

for both i put in css class : shifted

the code in your child-theme functions.php (you have to customise the menu-item id’s) :

function av_move_social(){
?>
 <script>
jQuery(window).load(function(){
jQuery(".av-main-nav > li#menu-item-2845").detach().prependTo('#header .social_bookmarks');
jQuery(".av-main-nav > li#menu-item-2847").detach().prependTo('#header .social_bookmarks')
});
 </script>
<?php
}
add_action('wp_footer', 'av_move_social');

and the css code in quick.css was (here too – customise the menu-item id’s):

.shifted .avia-bullet {
    display: none;
}

#menu-item-2845.shifted {
    margin-right: 80px !important;
}

#menu-item-2847.shifted {
    margin-right: 120px !important;
}

.shifted .avia-menu-text {
    display: inline-flex;
    width: 120px;
}

if you can not find out the item id’s make the menu points and than we will see the rest

and this is what it looks like afterwards: http://webers-testseite.de/ikom/

btw the image above is interesting for you i guess:
https://kriesi.at/support/topic/phone-number-in-header-4/#post-667627

because your custom link – is no link

fill in url tel: 0178…
and in Link Text if you want to show the phone number 0178…

than even mobiles could press that link and they will open that phone

how did you manage that with enfold options?
this is logo left menu below? and how did you manage to show those social icons on that place?

Or is it main menu with only social icons
and a “main navigation” with submenu ?

btw:
add this to your child-theme functions.php :

function avia_add_custom_icon($icons) {
    $icons['phone']  = array( 'font' =>'entypo-fontello', 'icon' => 'ue854');
    return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
    $icons['Phone'] = 'phone';
    return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

than you have the opportunity to choos on the bottom of that social icon list Phone.

you can try this first on quick css:

html * {
    font-family: "Ubuntu","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
}

but there are a lot of inline css rules on enfold if you are working with alb (advanced layout editior)
you than have to define an additional rule for that!

f.e.

#top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong {
    font-weight: 300 !important;
}

i do not know if it is possible to map the 300 weight with the “normal”

add this here to your child-theme functions.php:

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Ubuntu'] = 'Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Ubuntu'] = 'Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic';
return $fonts;
}

than you shoud have the choice on enfold options page – font to choose your Ubuntu (it is added at the end of the google fonts list on enfold )
400 is the normal font-weight so i think you should not have the need to change something than.
The rest is perhaps some quick.css (f.e. if you need the headings on 400 too – goto Enfold Options “Advanced Styling” and generate a rule for h1, h2, h3, h4, h5, h6 etc.)

the code of your link above does work too – i tested it on my testenvironment (but perhaps you give it a second choice) without the uncommenting lines:

add_image_size( 'bigger-square', 250, 250, true );
add_filter( 'image_size_names_choose', 'my_custom_sizes' );
function my_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'bigger-square' => __( 'Bigger Square' ),
    ) );
}

the point is that on uploading an image WordPress generates those given sizes and stores it under the known names.

it only is in the dropdown list if the image has that calculated size – so have a look after you have done the resize thumbnails and see again

(PS : you have to mark those images you want to be resized )
the force regenerate thumbnails has the advantage that the old images are erased and newly calculated.
So if you change perhaps the wordpress media dimensions the old ones are erased and did not waste memory on your server.

• This reply was modified 8 years, 3 months ago by Guenni007.

if you don’t like it as a number see here
on my test environment http://webers-testseite.de/ikom/

code is on that:

#menu-item-2836 a[href^="tel:"]::before {
    content: "\e854";
    font-family: entypo-fontello;
    font-size: 25px;
}

#menu-item-2836 span {
    display: none;
}

#menu-item-2839 .avia-menu-text > img {
    position: relative;
    top: 10px;
}

Dashboard – Enfold (or Enfold Child) – Header – Extra Elements – Header Phone Number/Extra Info ( choose left or right as you like it)

well to me it works nice – but you have to know that this will only have an effect for newly (after that functions.php entry) uploaded Images !
But if you want that every image in your media library gets the new format than there are some nice plugins to solve this with one klick (Regenerate Thumbnails f.e.)

first of all it might be nice to have here a unique custom class for that icon – because the rules is easier to keep specific with that.
So please give it a class (maybe: “telecharger”) that i try to give you a piece of code which might help you .

you mean something like this:
try to insert it into your quick css:

#menu-item-3289 a::before {
    content: "\e805 \00a0 ";
    font-family: entypo-fontello;
    font-size: 20px;
    position: relative;
    top: 3px;
}

#menu-item-3287 a::before {
    content: "\e806 \00a0";
    font-family: entypo-fontello;
    font-size: 20px;
    position: relative;
    top: 3px;
}

#menu-item-3288 a::before {
    content: "\e80a \00a0";
    font-family: entypo-fontello;
    font-size: 20px;
    position: relative;
    top: 3px;
}

btw: you should change font color of top nav :

#header_meta .sub_menu li a {
    color: #fff !important;
}

does any other rule in your functions.php of your child-theme work?

maybe there is some closing instruction of the rules before missing.

add_filter or add_theme_support each ends with a “;”
a function does not! – so here is an example:

add_filter('avf_logo_alt', 'avf_change_logo_alt');
function avf_change_logo_alt($alt) {
	 $alt = "New Alternate Text Here";
	 return $alt;			
}

(btw. this is the method you can change the alt text of your Logo)

so you see add_filter with semicolon
function not after the bracket

is this your output you want?
http://webers-testseite.de/ikom/

or a little transparent:

.home #header_meta {
    background: rgba(0, 50, 150, 0.8) none repeat scroll 0 0 !important;
}

the 0.8 are 80% Opacity

• This reply was modified 8 years, 4 months ago by Guenni007.