Not okay. i changed the figures to get all in line to:
/*mobile: search, cart icon under the logo*/
@media only screen and (max-width: 600px) {
.responsive #header_main .inner-container, .responsive .main_menu {
min-height: 60px;
}
#top #menu-item-search {
top: 30px;
}
.cart_dropdown_first {
position: absolute;
top: 30px;
left: -120px;
}
#advanced_menu_toggle, #advanced_menu_hide {
margin-top: 6px;
margin-right: 20px;
}
}
I checked with the responsive view in safari: alt cmd + r and firefox alt + cmd + m
it was viewed nice.

So now i opened the webpage on mobile firefox and chrome on android and see it is not in line.
Then i switched to chrome desktop view (also a responsive view) and got all icons in line.
In firefox i did not get them in line.

So i altered CSS to get it nice on mobile browser (not the mobile desktop view inside the desktop browser).
/*mobile: search, cart icon under the logo*/
@media only screen and (max-width: 500px) {
.responsive #header_main .inner-container, .responsive .main_menu {
min-height: 60px;
}
#top #menu-item-search {
top: 55px;
}
.cart_dropdown_first {
position: absolute;
top: 58px;
left: -115px;
}
#advanced_menu_toggle, #advanced_menu_hide {
margin-top: 6px;
margin-right: 20px;
}
}
Result: mobile view on firefox desktop (mac): http://awesomescreenshot.com/06b5zsfed5
So how get them inline in every browser?

Same with the @media only screen and (max-width: 500px):
On mobile (horizontal) 500px is nice. On desktop it needs 600px to have the logo inline and not overlapping.
I use the stretched layout!

PS: Is it possible to get the logo in the middle and alter the size?
When the icons are below the logo it should be possible.

PPS: maybe possible have a default solution for all users directly in the enfold settings.
place search-, cart- and the mobile menu button-icon in one line below the logo.

Hello Yigit,

I can´t find framework/php/….

In editor Menu is only this:

avia_framework.php
(framework/avia_framework.php)
and others:
Chybová stránka 404
(404.php)
Archiv
(archive.php)
Zobrazení autora
(author.php)
Komentáře
(comments.php)
config.php
(config-bbpress/config.php)
config.php
(config-events-calendar/config.php)
event-mod-css-dynamic.php
(config-events-calendar/event-mod-css-dynamic.php)
config.php
(config-gravityforms/config.php)
config.php
(config-layerslider/config.php)
config.php
(config-templatebuilder/config.php)
admin-import.php
(config-woocommerce/admin-import.php)
admin-options.php
(config-woocommerce/admin-options.php)
config.php
(config-woocommerce/config.php)
woocommerce-mod-css-dynamic.php
(config-woocommerce/woocommerce-mod-css-dynamic.php)
config.php
(config-wordpress-seo/config.php)
config.php
(config-wpml/config.php)
dynamic-css.php
(css/dynamic-css.php)
Theme Footer
(footer.php)
forum.php
avia_framework.php
(framework/avia_framework.php)
functions-enfold.php
Funkce šablony
(functions.php)
Theme Header
(header.php)
error404.php
(includes/error404.php)
helper-conditional-megamenu.php
(includes/helper-conditional-megamenu.php)
helper-main-menu.php
(includes/helper-main-menu.php)
helper-markup.php
(includes/helper-markup.php)
helper-post-format.php
(includes/helper-post-format.php)
helper-responsive-megamenu.php
(includes/helper-responsive-megamenu.php)
helper-social-media.php
(includes/helper-social-media.php)
helper-template-logic.php
(includes/helper-template-logic.php)
loop-about-author.php
(includes/loop-about-author.php)
loop-author.php
(includes/loop-author.php)
loop-comments.php
(includes/loop-comments.php)
loop-index.php
(includes/loop-index.php)
loop-page.php
(includes/loop-page.php)
loop-portfolio-single.php
(includes/loop-portfolio-single.php)
loop-search.php
(includes/loop-search.php)
related-posts.php
(includes/related-posts.php)
Zobrazení úvodní stránky
(index.php)
Single Page
(page.php)
Výsledky vyhledávání
(search.php)
Vyhledávací formulář
(searchform.php)
Postranní panel
(sidebar.php)
single-portfolio.php
Zobrazení příspěvku
(single.php)
Zobrazení štítku
(tag.php)
taxonomy-portfolio_entries.php
Archives – šablona stránky
(template-archives.php)
Blank – No Header, no Footer – šablona stránky
(template-blank.php)
template-builder.php

Styly

Kaskádové styly (CSS)
(style.css)

Some advice?

Thanks

Hi Ismael,

Thanks for your reply.
I have been looking around and figured out the way I want it:

• I want to use a typical enfold / avia solution.
• I use a child theme, so I added the shortcodes code in functions.php of the child theme.

  add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
  function avia_include_shortcode_template($paths)
  {
  	$template_url = get_stylesheet_directory();
      	array_unshift($paths, $template_url.'/shortcodes/');
  
  	return $paths;
  }

• I want to add a content element (post-custom-field) to add a special element in the avia layout builder. Therefore I created a special post_custom_fields.php in the directory enfold-child/shortcodes.

I want to choose one of the available custom fields of that post in a drop down list.
So I try to create that drop-down list, and need to fill an array with the meta-key of each custom field. Choosing the meta-key should result in showing the meta-value in frontend. Styling will be no problem.

I have problems creating the dropdown list now.
I only see the “Select One” in my dropdown list.

My code at the moment:

			function popup_elements()
			{

				/* jan */
				/* add dropdown list for custom fields */

				$custom_fields = get_post_custom();
				$all_custom_fields[ 'Select One' ] = null;

				if ( !empty($custom_fields) && !is_wp_error ($custom_fields) ) :
					foreach ($custom_fields as $custom_field ) :
						$all_custom_fields [meta_id] =  "__('$custom_field->meta_key', 'avia_framework') => '$custom_field-meta_key'";
					endforeach;

			  endif;

				$this->elements = array(

                    array(	"name" 		=> __("Do you want to display custom post fields?", 'avia_framework' ),
                        "desc" 		=> __("Do you want to display custom post fields available in the post?", 'avia_framework' ),
                        "id" 		=> "cust_field_name",
                        "type" 		=> "select",
                        "std" 	=> "Quotes",
												"subtype" => $all_custom_fields

											),

I’m still diving into the code, to figure out the problem.
But perhaps you can see the problem.

EDIT:
I want to access all custom fields from the current post, but the post_ID of the current post equals NULL.
I searched and saw that that global variables of WordPress do not work in the Avia Layout Builder.
Is that anyhow possible?

Thanks again,
Jan

• This reply was modified 9 years, 9 months ago by JB_Walton.

Hi,

Thanks for your reply. I’ve tried following the steps suggested in the link you recommended and also looked for old posts on the forums but for some reason it didn’t work.

So I’m trying to add the ‘Amazon icon’ (ue808). In your ‘Using Fontello-imported Icons’ post (http://kriesi.at/documentation/enfold/custom-social-icons/) it doesn’t say where to put the code so I added to Quick CSS (General Styling) and replaced ‘fontello’ with ‘amazon’ and ‘ue800’ with ‘ue808’. But when checking ‘Social Profiles’ the Amazon icon wasn’t there. Then I researched old posts on the Forum and as per someone’s advice I downloaded the icon as a zip file, then imported it via the Iconfont Manager option and then edited the functions.php file with the following line: ‘amazon’ => array( ‘font’ =>’fontello’, ‘icon’ => ‘ue808’), but it still didn’t work.

Can you please help.