-
Search Results
-
Hi,
Within the widgets footer column 1 on our site, we had some custom HTML that displayed linked social icons. Also in column 4, we had payment icons.
The code is still there but the icons are not showing since the latest update.
How can I go about fixing the issue? I’ve tried disabling cache etc and also removing the HTML and re-adding it and still nothing is working.
If you could get back to me that would be great.
Kind Regards,
MattHello.
I had installed WPZoom Social Icons some time ago. I now wanted to add a couple more. However, although the widget shows on the left hand side of my wordpress, I does not show in the widget area I’ve used it! Thus cannot edit the list. It is strange since the icon listing as is, shows fine on the finished website.
My website is at: https://alanlodge.co.uk and you may see the icon are all intact at the bottom of all pages. BUT seem un-editable, since there is no presence in the widget area.
Please any advice.
>
WPZoom replied
Hello Alan,
You need to check with the theme developers why the widget area in the customizer is missing from the footer.
Maybe it has to do with their latest update. Anyway, this is not a plugin issue, it’s the theme issue because there is no widget are for the footer.thus, am grateful for any advice on what’s to do
My Thanks
Recently I used the code from this thread https://kriesi.at/support/topic/centered-logo-shopping-cart-in-menu/ to put the shopping cart in the menu. The cart adds but the social media icons are not displaying in the right menu once I add this code. The social icons instead go to the left of the logo but I have already added a left header widget there so it just overlaps. I noticed several people are having issues with the shopping cart and the center logo with the menu underneath. Any help would be great on how to troubleshoot this!
Here is the code i added to the child theme.
<?php
/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/// Header Widget
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}function cart_in_nav(){
?>
<script>
(function($){
$(document).ready(function(){
var width = $(window).width(), height = $(window).height();
if ((width >= 768)) {
$( “#menu-item-shop” ).appendTo( “#avia-menu.av-main-nav” );
};
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘cart_in_nav’);and here is my css
/* cart_in_nav */
@media only screen and (min-width: 767px) {
#top #header_main ul#avia-menu ul#menu-item-shop,#top #header_main ul#avia-menu ul#menu-item-shop a.cart_dropdown_link {
display: block !important;
height: 50px !important;
line-height: 50px !important;
padding: 1px 10px !important;
border: none !important;
box-shadow: none !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop ul.woocommerce-mini-cart.cart_list.product_list_widget {
width: 100% !important;
height: 100% !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart-item.mini_cart_item a {
border: none !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart__buttons.buttons a {
border: none !important;
}
}
/* end cart_in_nav */.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }
@media screen and (max-width: 900px) {
#header .widget { display: none !important; }
}#header .widget {
left: 50px;
right: auto;
padding-top: 70px;
position: absolute;
top: 0;
transform: translate(-0%);
z-index: 999999;
}#top .inner_product,
#top .inner_product .inner_product_header {
border: none;
}#top .inner_product .inner_product_header .avia-arrow {
display: none;
}Hi.
I am looking into optimizing our website http://www.geilolaft.no for SEO and Core Web Vitals.
According to Page Speed Insight by google – our site has a very low score (red) on mobile, and the first suggested improvement to make is to eliminate render blocking resources.
Following the suggested guide here: https://web.dev/render-blocking-resources/?utm_source=lighthouse&utm_medium=unknown
and when checking under the Coverage tab in Chrome DevTools there are a lot of URLs with 100% and many with between 50-100% unused bytes. Most of the URLs are pointing to something within the enfold theme.
Being at TOTAL NOOB in this field, I wand to ask you guys for your support on how to best go about this task.
I will list many of the most critical URLs here below. Can you see if there is anything here that could be cleaned up/eliminated?LIST OF URLs WITH A LOT OF UNUSED BYTES, LISTED UNDER THE COVERAGE TAB IN Chrome DevTools:
Between 50-99% unused:
https://www.gstatic.com/recaptcha/releases/npGaewopg1UaB8CNtYfx-y1j/recaptcha__no.js:formatted – 50% unused = 174 158 bytes unusedhttps://geilolaft.no/wp-content/uploads/dynamic_avia/avia-footer-scripts-b20f163ca67ab2445030d74f05ecf620—6096172e6f053.js:formatted – 67% unused = 128 768 bytes unused
https://geilolaft.no/wp-content/uploads/dynamic_avia/geilo_laft.css?ver=60961726a85e5:formatted – 83% unused = 106 045 bytes unused
https://geilolaft.no/wp-content/themes/enfold/css/layout.css?ver=4.8.2:formatted – 85% unused = 68 737 bytes unused
https://geilolaft.no/wp-includes/css/dist/block-library/style.min.css?ver=5.6.3:formatted -99.8% unused = 51 219 bytes unused
https://geilolaft.no/wp-content/themes/geilo-laft/style.css?ver=4.8.2:formatted – 82% unused = 43 052 bytes unused
https://geilolaft.no/wp-content/themes/enfold/css/shortcodes.css?ver=4.8.2:formatted – 93% unused = 29 969 bytes unused
https://geilolaft.no/wp-content/themes/enfold/css/avia-snippet-widget.css?ver=4.8.2:formatted – 98% unused = 23 552 bytes unused
https://geilolaft.no/wp-content/themes/enfold/css/base.css?ver=4.8.2:formatted – 80% unused = 15 219 bytes unused
These are 100% unused:
https://geilolaft.no/wp-includes/css/dashicons.min.css?ver=5.6.3:formattedhttps://geilolaft.no/wp-content/themes/enfold/js/aviapopup/magnific-popup.css?ver=4.8.2:formatted
https://geilolaft.no/wp-content/themes/enfold/css/avia-snippet-lightbox.css?ver=4.8.2:formatted
https://geilolaft.no/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.4.1:formatted
https://geilolaft.no/wp-content/themes/enfold/css/custom.css?ver=4.8.2:formatted
Topic: Absolutely bad speed values
Hello,
GTMetrix shows me a very bad grade with lower than 30 for performance.
The most important part on this bad values is, so GTM, this:
(If i change the theme the speed is back to a normal value above 80)
Chris…/wp-content/themes/enfold/css/grid.css?ver=4.8.1
…/wp-content/themes/enfold/css/base.css?ver=4.8.1
…/wp-content/themes/enfold/css/layout.css?ver=4.8.1
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/audio-player/audio-player.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/postslider/postslider.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons/buttons.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttonrow/buttonrow.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/catalogue/catalogue.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/comments/comments.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/contact/contact.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/contentslider/contentslider.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/countdown/countdown.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery/gallery.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/google_maps/google_maps.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/grid_row/grid_row.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/heading/heading.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/hr/hr.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icon/icon.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconbox/iconbox.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icongrid/icongrid.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconlist/iconlist.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image/image.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css?ver=5.7
…/wp-content/themes/enfold/css/avia-snippet-site-preloader.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/menu/menu.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/notification/notification.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/numbers/numbers.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/post_metadata/post_metadata.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/progressbar/progressbar.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/promobox/promobox.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/search/search.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_fullsize/slideshow_fullsize.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/social_share/social_share.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/table/table.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tabs/tabs.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/team/team.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/testimonials/testimonials.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/timeline/timeline.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/toggles/toggles.css?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/video/video.css?ver=5.7
…/wp-includes/css/dist/block-library/style.min.css?ver=5.7
…/wp-content/themes/enfold/style.css?ver=5.7
…/wp-content/themes/enfold-child/style.css?ver=5.7
…/wp-content/themes/enfold/css/shortcodes.css?ver=4.8.1
…/wp-content/themes/enfold/js/aviapopup/magnific-popup.css?ver=4.8.1
…/wp-content/themes/enfold/css/avia-snippet-lightbox.css?ver=4.8.1
…/wp-content/themes/enfold/css/avia-snippet-widget.css?ver=4.8.1
…/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.16
…/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=5.7
…/wp-content/uploads/dynamic_avia/enfold_child.css?ver=608eaee407c99
…/wp-content/themes/enfold/css/custom.css?ver=4.8.1
…/wp-content/themes/enfold-child/style.css?ver=4.8.1
…/wp-content/plugins/ubermenu/pro/assets/css/ubermenu.min.css?ver=3.6.1
…/wp-content/plugins/ubermenu/assets/css/skins/vanilla_bar.css?ver=5.7
…/wp-content/plugins/ubermenu/assets/fontawesome/css/all.min.css?ver=5.7
…/wp-content/themes/enfold/css/avia-snippet-cookieconsent.css?ver=4.8.1
…/wp-includes/js/jquery/jquery.min.js?ver=3.5.1
…/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2
…/wp-content/themes/enfold/js/avia-compat.js?ver=4.8.1
…/wp-includes/js/wp-emoji-release.min.js?ver=5.7
…/wp-content/themes/enfold/js/avia.js?ver=4.8.1
…/wp-content/themes/enfold/js/shortcodes.js?ver=4.8.1
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/audio-player/audio-player.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/contact/contact.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/countdown/countdown.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery/gallery.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icongrid/icongrid.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconlist/iconlist.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/isotope.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/menu/menu.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/notification/notification.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/numbers/numbers.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/progressbar/progressbar.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow-video.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tabs/tabs.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/testimonials/testimonials.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/timeline/timeline.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/toggles/toggles.js?ver=5.7
…/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/video/video.js?ver=5.7
…/wp-content/themes/enfold/js/avia-snippet-hamburger-menu.js?ver=4.8.1
…/wp-content/themes/enfold/js/aviapopup/jquery.magnific-popup.min.js?ver=4.8.1
…/wp-content/themes/enfold/js/avia-snippet-lightbox.js?ver=4.8.1
…/wp-content/themes/enfold/js/avia-snippet-megamenu.js?ver=4.8.1
…/wp-content/themes/enfold/js/avia-snippet-sticky-header.js?ver=4.8.1
…/wp-content/themes/enfold/js/avia-snippet-widget.js?ver=4.8.1
…/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.16
…/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=5.7
…/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=5.7
…/wp-content/plugins/ubermenu/assets/js/ubermenu.min.js?ver=3.6.1
…/wp-content/themes/enfold/js/avia-snippet-cookieconsent.js?ver=4.8.1
…/wp-content/themes/enfold/framework/js/conditional_load/avia_google_maps_front.js?ver=4.8.1
…/wp-includes/js/wp-embed.min.js?ver=5.7
…/wp-content/plugins/statify/js/snippet.min.js?ver=1.8.2and other elements the blog post is not using?
Hi guys,
This site only uses Classic editor. I am using Load only Used Elements (recommended) as usual but I can see when I disable compression that many elements not used are being loaded. Including the block editor when I test the Mobile version of the page with PageSpeedInsights.
My desktop Core Web Vitals are a dream come true. The mobile ones with no sidebars, got worse.
Help!!
Thank you!
Havi
This is the list of elements with compression enabled
URL
Transfer Size
Potential Savings
…block-library/style.min.css(ligadejusticia.com) << why is this loading? And it stops loading when I disable compression?
9.2 KiB
330 ms
…dynamic_avia/avia-merged-styles-a485a74…—608352a55179e.css(ligadejusticia.com)
64.4 KiB
1,680 ms
…jquery/jquery.min.js(ligadejusticia.com)
30.9 KiB
1,080 msThis is the list of elements with compression disabled (sent you the url on Private Content and will re-enable compression again):
URL
Transfer Size
Potential Savings
…css/grid.css(ligadejusticia.com)
2.7 KiB
180 ms
…css/base.css(ligadejusticia.com)
5.8 KiB
780 ms
…css/layout.css(ligadejusticia.com)
15.7 KiB
1,080 ms
…blog/blog.css(ligadejusticia.com)
4.7 KiB
630 ms
…postslider/postslider.css(ligadejusticia.com) << there are no post sliders
1.6 KiB
480 ms
…buttons/buttons.css(ligadejusticia.com)
1.9 KiB
480 ms
…comments/comments.css(ligadejusticia.com) << there are no comments
2.1 KiB
180 ms
…contact/contact.css(ligadejusticia.com)
3.3 KiB
330 ms
…gallery/gallery.css(ligadejusticia.com) << no galleries
1.1 KiB
180 ms
…google_maps/google_maps.css(ligadejusticia.com) << no google maps
1.1 KiB
180 ms
…grid_row/grid_row.css(ligadejusticia.com)
0.9 KiB
180 ms
…heading/heading.css(ligadejusticia.com)
1.6 KiB
180 ms
…headline_rotator/headline_rotator.css(ligadejusticia.com) << no headline rotator
1.0 KiB
180 ms
…hr/hr.css(ligadejusticia.com)
1.2 KiB
180 ms
…icon/icon.css(ligadejusticia.com)
1.3 KiB
180 ms
…image/image.css(ligadejusticia.com)
1.8 KiB
180 ms
…slideshow/slideshow.css(ligadejusticia.com) << none
3.4 KiB
330 ms
…contentslider/contentslider.css(ligadejusticia.com) << none
1.2 KiB
180 ms
…masonry_entries/masonry_entries.css(ligadejusticia.com)<< none
3.9 KiB
180 ms
…css/avia-snippet-site-preloader.css(ligadejusticia.com)<< none
1.2 KiB
180 ms
…menu/menu.css(ligadejusticia.com)
1.8 KiB
180 ms
…numbers/numbers.css(ligadejusticia.com)<< none
1.3 KiB
180 ms
…promobox/promobox.css(ligadejusticia.com)<< none
0.9 KiB
180 ms
…slideshow_feature_image/slideshow_feature_image.css(ligadejusticia.com)<< none
1.1 KiB
180 ms
…slideshow_fullsize/slideshow_fullsize.css(ligadejusticia.com)<< none
1.6 KiB
180 ms
…social_share/social_share.css(ligadejusticia.com)<< none
0.9 KiB
180 ms
…table/table.css(ligadejusticia.com)<< none
2.0 KiB
180 ms
…tabs/tabs.css(ligadejusticia.com)<< none
1.4 KiB
180 ms
…team/team.css(ligadejusticia.com)<< none
1.5 KiB
180 ms
…testimonials/testimonials.css(ligadejusticia.com)<< none
1.9 KiB
180 ms
…toggles/toggles.css(ligadejusticia.com)<< none
1.7 KiB
180 ms
…video/video.css(ligadejusticia.com)<< none
1.1 KiB
180 ms
…block-library/style.min.css(ligadejusticia.com)
9.2 KiB
480 ms
…css/shortcodes.css(ligadejusticia.com)
7.0 KiB
330 ms
…aviapopup/magnific-popup.css(ligadejusticia.com)<< none
2.3 KiB
180 ms
…css/avia-snippet-lightbox.css(ligadejusticia.com)<< none
1.6 KiB
180 ms
…css/avia-snippet-widget.css(ligadejusticia.com)
5.5 KiB
330 ms
…dynamic_avia/enfold_child.css(ligadejusticia.com)
16.7 KiB
630 ms
…css/custom.css(ligadejusticia.com)
0.8 KiB
180 ms
…enfold-child/style.css(ligadejusticia.com)
0.9 KiB
180 ms
…jquery/jquery.min.js(ligadejusticia.com)
30.9 KiB
930 ms
…js/avia-compat.js(ligadejusticia.com)
1.4 KiB
180 msHi,
I’m still having trouble creating a custom header using Enfold. I’ve gone through all of your documentation, none fits this exact scenario and, even if it did, I dont know which portions of the CSS or Code Snippets I am supposed to use. Is there any way you could create a video or clarify how to know what code to use? I get the how to add a header widget area, but not how to make it look nice and responsive.
I have created my Widget Area for the Header and I have placed it on the left. I found some code elsewhere on this forum and placed htis CSS to get the button where I want it in your header:
/*HEADER WIDGET STYLING*/
#header .widget {
width: 300px;
position: absolute;
top: 50px;
transform: none;
left: 95px;
}However, it’s not responsive… on a tablet the button moves toward and overlaps the logo, on mobile it is completely behind the logo, whereas I think it should be stacked, the 3 header items should stack: logo, social icons, widget/button, something like that.
Here are pictures of what it looks like on differnet screen sizes, because I have a coming soon page up:
https://couragemecoaching.com/wp-content/uploads/2021/04/Widget-Left-Logo-Center-DESKTOP.jpg
https://couragemecoaching.com/wp-content/uploads/2021/04/Widget-Left-Logo-Center-TABLET.jpg
https://couragemecoaching.com/wp-content/uploads/2021/04/widget-Left-Logo-Center-MOBILE.jpgBottom line is that it is so hard to make a custom header using Enfold and I end up choosing other themes because of it. Is there either some documentation that is more clear, or a video? Or will you be making a custom header page available like you have with footers? I LOVE Enfold and want to keep using it but I have to find a way to better understand how to customize the header – it has to be easy. Help!? and Thank you!!
PS: One more question, is there a way for only the Menu to stick to the top, not the logo and social icons?
Hi everyone,
I’ve been having a hard time trying to implement some functions.php code since the changes aren’t taking effect.
After reading some threads on the topic I consulted with my hosting providers, but after they performed some server-related stuff the changes still didn’t reflect design-wise, so I was wondering whether you might know the reason why this file isn’t working properly?The changes I’m pursuing are social icons in slide-out menu and on footer widget (third column).
I’ve done the source code checking and noticed that one change does appear but is absent in the front-end:CHANGE 1: social icons on slide-out menu.
// add social icons inside the mobile menu
function ava_custom_script_mod_social(){
?>
<script>
(function($){
var int = ”;
function a() {
var isMobile = $(‘.av-burger-menu-main’).css(‘display’),
htmlString = $(‘#header_main .social_bookmarks:first’).find(‘li a’),
mobileMenu = $(‘.av-burger-overlay’),
socialString = [];if(isMobile == ‘none’) return;
if($(‘.burger-social’).length) clearInterval(int);htmlString.each(function() {
var socialClass = $(this).parent(‘li’).attr(‘class’),
socialItems = $(this).wrap(‘<li class=”‘+ socialClass + ‘ av-active-burger-items burger-social”></div>’).parent().unwrap();
socialString.push(socialItems);
});$(socialString).each(function() {
$(this).appendTo(‘#av-burger-menu-ul’);
});
}$(‘#header’).on(‘mousedown’, ‘.av-main-nav-wrap’, function() {
int = setInterval(function() {
a();
}, 500);
});})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘ava_custom_script_mod_social’);This one does not show up:
CHANGE 2: social icons on footer widget (third column). I’ve also added the concerning CSS code that comes with it.
function social_bookmarks_register_widget() {
register_widget( ‘add_social_bookmarks’ );
}
add_action( ‘widgets_init’, ‘social_bookmarks_register_widget’ );class add_social_bookmarks extends WP_Widget {
public function __construct() {
$widget_ops = array(
‘classname’ => ‘socialbookmarks-widget’,
‘description’ => __(‘A widget that displays the social bookmarks’, ‘avia_framework’)
);
parent::__construct( ‘add_social_bookmarks’, THEMENAME.’ Social Bookmarks’, $widget_ops );
}public function widget( $args, $instance ) {
$title = apply_filters( ‘widget_title’, $instance[‘title’] );
echo $args[‘before_widget’];
//if title is present
if ( ! empty( $title ) )
echo $args[‘before_title’] . $title . $args[‘after_title’];
//output
echo $before_widget;
$social_args = array(‘outside’=>’ul’, ‘inside’=>’li’, ‘append’ => ”);
echo avia_social_media_icons($social_args, false);
echo $after_widget;
}public function form( $instance ) {
if ( isset( $instance[ ‘title’ ] ) )
$title = $instance[ ‘title’ ];
else
$title = __( ‘Social Bookmarks’, ‘avia_framework’ );
?>
<p>
<label for=”<?php echo $this->get_field_id( ‘title’ ); ?>”><?php _e( ‘Title:’ ); ?></label>
<input class=”widefat” id=”<?php echo $this->get_field_id( ‘title’ ); ?>” name=”<?php echo $this->get_field_name( ‘title’ ); ?>” type=”text” value=”<?php echo esc_attr( $title ); ?>” />
</p>
<?php
}public function update( $new_instance, $old_instance ) {
$instance = array();
$instance[‘title’] = ( ! empty( $new_instance[‘title’] ) ) ? strip_tags( $new_instance[‘title’] ) : ”;
return $instance;
}
}I’ve also tried this code that was suggested in a similar case, but didn’t affect anything:
function custom_stuff(){
?>
<div style=”display:none”>Find this</div>
<?php
}
add_action(‘wp_footer’, ‘custom_stuff’);At this point, I’m questioning whether is a WP or theme-related issue?
I would truly appreciate some help from you. Link to site has been provided in the private content area.
Thanks in advance.
Regards!
H
Topic: Align social icons
Hi,
We are redesigning a website using the Enfold theme while trying to keep the original look and feel of the old site. The logo and menu are vertical in the left sidebar, but there are social media icons and phone number that need to display in the top right on all pages/posts. So far, we have recreated this set up using a custom widget on the home page and child theme copies of page.php and post.php for the other pages. There are too many pages/posts to add the widget to all. It is not ideal to have it set up this way as we don’t want it to be an issue with newer theme versions down the road. Can you recommend a way to add the custom widget using functions.php instead? The website details are posted in private content. Thank you.Topic: social icons in widget
Hi there, I have found lots of old threads about how to add social icons in a widget area. But it seems odd to me that such a popular feature is so complicated to implement. I am hoping there has been an updated easier way to do this in Enfold. Thank you


