Forum Replies Created
-
AuthorPosts
-
you mean the whole with overlay of content?
Or only the solution that hamburger works in all cases?hm – i thought he liked to have the hamburger menu for both cases : wide screens and in responsive case
this is possible : see here Link
make the browser window smaller and see that hamburger is allways in action.
(There are some other changings on Hamburger here too – (not 100% width etc – overlay of content etc)you mean – you have a shrinking header – and if shrinking of header has is finished – you want a different logo than ! ?
i need more input.
you have choosen the sticky header on Enfold Options Dialog – and now ?the sticky option is a globaly one – so how do you get pages with and some without sticky behavior?
As an advanced layout builder element there is a 100% (to the outer container) definition. So no need to say something.
But if you insert the svg (as img) via standard editor you can change the sizes in text mode of tinymce.well i think the code snippet above should only do the job for admin area – dashboard media preview.
btw. there is a spacebar missing between td and . media-icon.
but i think the code could be a bit changed to:function fix_svg_thumb_display() { echo '<style type="text/css"> td .media-icon img[src$=".svg"] { width: 100% !important; height: auto !important; } </style>'; } add_action('admin_head', 'fix_svg_thumb_display');
showing the svg attachment isn’t the backend site it is in frontend (wp_head influenced)
function fix_svg_attachment_display() { echo '<style type="text/css"> .attachment img[src$=".svg"] { width: 100% !important; height: auto !important; } </style>'; } add_action('wp_head', 'fix_svg_attachment_display');
you did notice that you could drag & drop alb elements to the tab content field?
why instead
trya:hover:before
btw: very nice logo !
did you try the second snippet – i think its better for your site
or get rid of the loading case-
This reply was modified 7 years, 11 months ago by
Guenni007.
you have allways to set a width (or heights) rule for svgs – otherwise WP will give them a 1px size!
f.e.
.logo img { width: 350px; height: auto }
the reason why it works on responsive case is that on that moment the logo gets a size rule from enfold theme settings.
have you got a link to your site?
why don’t you use that brilliant Plugin: bwp minify.
thanks Christian !
maybe an important is necessary
h1,h2,h3,h4,h5 { text-transform: none !important }
or maybe better:
function avia_custom_mobile_logo(){ if(wp_is_mobile()){ ?> <script> jQuery(".logo img").attr("src", "http://kriesi.at/wp-content/themes/kriesi/images/logo.png") </script> <?php } } add_action('wp_footer', 'avia_custom_mobile_logo');
function av_dif_mobile_logo(){ ?> <script> jQuery(window).load(function(){ if (jQuery(window).width() < 480) { jQuery(".logo img").attr("src", "url to the new logo") } }); </script> <?php } add_action('wp_footer', 'av_dif_mobile_logo');
try this !
by the way if you want a custom Sorting – use page order an the plugin “intuitive custom post order” –
after activation you can sort the page order by drag & drop in page/post/portfolio listing of dashboardyou can find here http://kriesi.at/documentation/enfold/code-snippets/ some code snippets to influence sort options globaly. But this above you can decide eachtime you generate a new alb element.
put this to functions.php of your child-theme:
if(!function_exists('avia_custom_query_extension')) { function avia_custom_query_extension($query, $params) { global $avia_config; if(!empty($avia_config['avia_custom_query_options']['order'])) { $query['order'] = $avia_config['avia_custom_query_options']['order']; } if(!empty($avia_config['avia_custom_query_options']['orderby'])) { $query['orderby'] = $avia_config['avia_custom_query_options']['orderby']; } unset($avia_config['avia_custom_query_options']); return $query; } add_filter('avia_masonry_entries_query', 'avia_custom_query_extension', 10, 2); add_filter('avia_post_grid_query', 'avia_custom_query_extension', 10, 2); add_filter('avia_post_slide_query', 'avia_custom_query_extension', 10, 2); add_filter('avia_blog_post_query', 'avia_custom_query_extension', 10, 2); add_filter('avf_magazine_entries_query', 'avia_custom_query_extension', 10, 2); add_filter('avf_template_builder_shortcode_elements','avia_custom_query_options', 10, 1); function avia_custom_query_options($elements) { $allowed_elements = array('av_blog','av_masonry_entries','av_postslider','av_portfolio','av_magazine'); if(isset($_POST['params']['allowed']) && in_array($_POST['params']['allowed'], $allowed_elements)) { $elements[] = array( "name" => __("Custom Query Orderby",'avia_framework' ), "desc" => __("Set a custom query orderby value",'avia_framework' ), "id" => "orderby", "type" => "select", "std" => "", "subtype" => array( __('Default Order', 'avia_framework' ) =>'', __('Title', 'avia_framework' ) =>'title', __('Random', 'avia_framework' ) =>'rand', __('Date', 'avia_framework' ) =>'date', __('Author', 'avia_framework' ) =>'author', __('Name (Post Slug)', 'avia_framework' ) =>'name', __('Modified', 'avia_framework' ) =>'modified', __('Comment Count', 'avia_framework' ) =>'comment_count', __('Page Order', 'avia_framework' ) =>'menu_order') ); $elements[] = array( "name" => __("Custom Query Order",'avia_framework' ), "desc" => __("Set a custom query order",'avia_framework' ), "id" => "order", "type" => "select", "std" => "", "subtype" => array( __('Default Order', 'avia_framework' ) =>'', __('Ascending Order', 'avia_framework' ) =>'ASC', __('Descending Order', 'avia_framework' ) =>'DESC')); } return $elements; } add_filter('avf_template_builder_shortcode_meta', 'avia_custom_query_add_query_params_to_config', 10, 4); function avia_custom_query_add_query_params_to_config($meta, $atts, $content, $shortcodename) { global $avia_config; if(empty($avia_config['avia_custom_query_options'])) $avia_config['avia_custom_query_options'] = array(); if(!empty($atts['order'])) { $avia_config['avia_custom_query_options']['order'] = $atts['order']; } if(!empty($atts['orderby'])) { $avia_config['avia_custom_query_options']['orderby'] = $atts['orderby']; } return $meta; } }
than you got extra options in the gallery dialogs
yes you can – place the given shortcode into a text alb element.
But you have to think of the smaller canvas. it is not possible to insert f.e. a layerslider created for 1210px width to it.
Create a new one (could be responsive) but with less canvas size – see example – allthough i created a layerslider only with canvas size 320px on smaller screens when columns go to 1/1 it is bigger caused by responsiveness.
https://webers-testseite.de/kokon/layerslider-in-column/PS : you find the shortcode in Layerslider options dialog nearby the “save changes” button
habt ihr eine eigene footer.php im Child-Theme ?
Sieht so aus als wäre das dynamisch da eingepflegt.zB den Versuch unternommen einen Login für den admin bereich dort zu platzieren.
be careful it replaces it on category view
if you have single post with that category you have to take a different conditional tagtry than with has_category(‘music’)
btw – i think if you only set the parameter to has_category the is_category is included
i see you did it : but
if you like to see allways your social buttons on top we had to do this too: (and do it for the same breakpoint as the toggler)
@media only screen and (max-width: 920px) { #top .social_bookmarks { right: 50px !important; } }
and now the hover style of your toggler (mobile menu) goes to not visible (#fff same as background)
maybe this will be nice:.avia_desktop #advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover { background-color: #fff; border-color: #0a0; color: #000; }
this is only for special cases – the normal behavior is more mobile friendly –
is there a possiblity to let the tab-content hight be dynamic. this is for mobile unfriendly because if we have a great difference in content amount – the distance is to large to the next section.by the way as you definitly know it is in shortcodes js – from line 2879
the new element would be nice as an “Imaged Menu” – but than all images must be visible in the viewport.
On smaller screens the tab title container centers the active tab title.all images are seen in a bigger block. the arrow has to be fixed in its positioning – but this is simple css. I can manage that.
but the centering of the active title seems to be calculated in a js.
i did not find it yet. – i think it will be nice to switch of that calculation. (performance reasons)because i can do that with css:
https://webers-testseite.de/ikom/tab-section/
make the screen smaller and see what happens!
i see it works !
or you do this (might be more browser-support)
.page-id-893 a.slide-image { background-color: transparent !important; }
it is just because lisa got a link – the others not (as you say above)
meanwhile the display : inline-flex has got a good browser compatibility – so try:
.page-id-893 a.slide-image { display: inline !important; }
this was the code only for this specific page
by the way – set the background to cover the whole width – otherwise you got on big screens on the right a grey area
by the way it seems to be a good idea to let the advanced menu let come a bit sooner than under 768px
for example (you have to play a bit with 920px up and down to see what you need)
@media only screen and (max-width: 920px) { .container #advanced_menu_toggle, #advanced_menu_hide { display: block; } .main_menu .avia-menu, #header_main_alternate, .fallback_menu { display: none; } }
and you are a lucky guy because it is under 990px so on landscape ipad or tablets you have your normal nav !
why – it looks good ;)
i thought you did it yourself – i can see this in your code:
#header_main_alternate { background: #8dc63e none repeat scroll 0 0 !important; }
change it to:
#header_main_alternate { background: #fff none repeat scroll 0 0 !important; }
or goto Enfold options / general styling / tab was logo area and set the default background color to white (#ffffff)
if you have full ftp access there was no risc to test yourself.
If it crashes – redo changings via ftp ( by erasing new rules)don’t know if relative path is ok – but it looks good to me
-
This reply was modified 7 years, 11 months ago by
-
AuthorPosts