-
Search Results
-
Topic: Social media icon in footer
HI Mike
I’m working on placing a social media icon in the footer. There has been added the below css in quick css:
#footer .widget ul.social_bookmarks {
display: inline-flex;
gap: 0px 10px;
}#footer .widget ul.social_bookmarks li {
border: none
}There is now missing the [social-bookmarks]
in the child theme functions.php, however I can’t find file in the editor.Please could you assist me?
Many thanks
Best regards
LeneTopic: Footer: Social media icon
HI Mike
I’m working on placing a social media icon in the footer. There has been added the below css in quick css:
#footer .widget ul.social_bookmarks {
display: inline-flex;
gap: 0px 10px;
}#footer .widget ul.social_bookmarks li {
border: none
}There is now missing the [social-bookmarks]
in the child theme functions.php, however I can’t find file in the editor.Please could you assist me?
Many thanks
Best regards
LeneHallo,
ich habe folgendes Problem:
Ich habe einen fixierten Header, welcher sich beim Scrollen verkleinert. Dort ist es so das ab und zu nach dem wieder hochscrollen das Logo statt 220px maximale Höhe nurnoch 110px maximale Höhe hat. Dadurch ist es natürlich zu klein. Ich kann leider nicht die genauen Umstände sagen, wann genau es auftritt. Manchmal passiert es und manchmal nicht.
Bilder und Link zu Entwicklungsseite sind im Privat Content.
Ich habe das Code-Snippet für ein Widget im header in Verwendung, falls das relevant ist.Hier mein Code wechen ich für den Header nutze:
/************************************ Menu Burger Hintergrund **********************************/ .html_burger_menu_active #top #wrap_all #header .av-burger-menu-main > a { background:url('/wp-content/uploads/2023/07/Gruppe-9.png'); background-repeat: no-repeat; background-size: cover; padding: 20px 18px; } /* Menu verkleinert scrolled */ .header-scrolled .av-hamburger-box { height:6px; width:28px; } .header-scrolled .av-hamburger-inner::before { top: -8px; } .header-scrolled .av-hamburger-inner::after { bottom: -8px; } .header-scrolled .av-burger-menu-main > a { background:url('/wp-content/uploads/2023/07/Gruppe-9.png'); background-repeat: no-repeat; background-size: cover; padding: 13px 14px !important; } /************************************ Logo scrolled geändert **********************************/ .header-scrolled .logo img { opacity: 0; } .header-scrolled .logo a { background-image: url(/wp-content/uploads/2023/07/Forellenhof-Signet-2023_.png); background-size: contain; background-repeat: no-repeat; } /************************************ Widget left, Logo center, Menu right **********************************/ .responsive #top #header #header_main .inner-container .logo { left:-70px; } /*-------------------------------- » Initiate Flexbox --------------------------------*/ /* Header */ .responsive #top #header, /* Top bar */ .responsive #top #header #header_meta, /* Search icon */ .responsive #top #header #menu-item-search a, /* Cart icon */ .responsive #top #header a.cart_dropdown_link, /* Social icon */ .responsive #top #header #header_main nav .social_bookmarks, /* Logo */ .responsive #top #header #header_main .inner-container .logo, /* Main menu, cart and social icons */ .responsive #top #header #header_main .inner-container .main_menu, /* Widgets */ .responsive #top #header #header_main .inner-container .widget, /* Header inner container */ #top #header #header_main .container.av-logo-container .inner-container { display: flex; position: relative; } /*-------------------------------- » Topbar --------------------------------*/ /* Top bar */ .responsive #top #header #header_meta { flex-basis: 100%; } /*-------------------------------- » Header --------------------------------*/ /* Height outer container */ #top #header #header_main .container.av-logo-container { /* Do not change height here */ /* Auto height: Header takes the height of the contents */ height: inherit; line-height: inherit; } /* Header inner container */ #top #header #header_main .container.av-logo-container .inner-container { /* Define header height here */ height: auto; position: relative !important; flex-wrap: wrap; /* Define header padding */ padding: 13px; justify-content: space-between; } /* Wrappers --------------------------------*/ /* Main header ( logo, menu, widgets ) and topbar */ .responsive #top #header { flex-wrap: wrap; } /* Logo, Menu, Social Icons and Widgets. */ .responsive #top #header #header_main { flex-basis: 100%; } /* Transparent header --------------------------------*/ .responsive.html_header_transparency #top #wrap_all #header { position: absolute; } @media only screen and (max-width: 767px) { .responsive.html_header_transparency #top #wrap_all #main { /* Define padding value for transparent header in mobile */ /*padding-top: 315px !important; */ } } /* Fixed header --------------------------------*/ .html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header, .html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header { position: fixed; } .html_header_sticky #top #header_main .container, .html_header_sticky #top .main_menu ul:first-child>li a { height: inherit !important; line-height: inherit !important; } /* Main content padding value should be same as the fixed header height. */ .html_header_sticky:not(.html_header_transparency) #top #wrap_all #main, .html_header_sticky #top #wrap_all #main { /* Define padding only if sticky header is active */ padding-top: 220px ; } @media only screen and (max-width: 767px) { .html_header_sticky #top #wrap_all #main { /* Define padding value for sticky header on mobile */ /*padding-top: 315px !important; */ } } /*-------------------------------- » Logo --------------------------------*/ .responsive #top #header #header_main .inner-container .logo { order: 2; flex-basis: auto; /*width: auto;*/ /* Define scalable min width of the logo on small screens */ min-width: 100px; /* Define scalable max width of the logo on big screens */ /* Logo width: (auto | 100% | px ); Set auto to display the uploaded image size */ max-width: 220px; z-index: 9; } /* Logo image size */ .responsive #top #header .logo, .responsive #top #header .logo a, .responsive #top #header .logo img { width: auto; /* Height specification is not required. It is proportional to the max width of the logo */ height: auto; align-items: center; align-self: center; justify-content: center; } /* Vertically center transparency logo */ .responsive #top #header .logo span img { position: absolute; top: 50%; transform: translateY(-50%); } /*-------------------------------- » Menu --------------------------------*/ /* Menu outer container: Menu with siblings cart and social icons */ .responsive #top #header #header_main .inner-container .main_menu { order: 3; /* Define menu width */ flex-basis: auto; align-items: center; align-self: center; height: inherit !important; } /* Navigation */ #header .av-main-nav { display: flex; flex-wrap: nowrap; } /* Activate burger menu */ @media only screen and (max-width: 1000px) { #top #header .av-main-nav>li.menu-item { display: none!important; } #top #header .av-burger-menu-main { cursor: pointer; display: block!important; } } @media only screen and (max-width: 767px) { /* Mobile menu position fix */ .responsive #top .av-logo-container .avia-menu { display: flex!important; align-items: center; } } /* Mega menu submenu position fix */ .responsive #top #header .avia_mega_div { /* Define megamenu submenu top value */ /* top: 300px; position: fixed; left: 50%; transform: translateX(-50%);*/ } /*-------------------------------- » Widget --------------------------------*/ .responsive #top #header #header_main .inner-container .widget { order: 1; flex-basis: auto; padding: 0; clear: none!important; justify-content: center; align-self: center; align-items: center; z-index: 1; } .responsive #top #header #header_main .inner-container .widget>div { width: 100%; line-height: 14px; padding: 0 10px; background: gold; } /*-------------------------------- » Social icons --------------------------------*/ /* Flex support and position fix */ .responsive #top #header #header_main nav .social_bookmarks { top: auto; margin-top: 0; align-items: center; } /* Inherit height for flex alignment */ .responsive #top .av-logo-container .social_bookmarks li { height: inherit; } /*-------------------------------- * Cart position fix --------------------------------*/ #top #header #header_main #menu-item-shop a.cart_dropdown_link { height: auto; } @media only screen and (max-width: 767px) { .responsive #top #menu-item-shop.cart_dropdown { display: flex; align-items: center; } .cart_dropdown .dropdown_widget .avia-arrow { display: none; } }Vielen Dank für die Hilfe
und viele GrüßeMandy
Topic: Widget placement issue.
Dear Support,
Good day.
I have to a support to place a widget on center top header. I have followed the instruction as mentioned in the tutorial, but it is not working.
I need to take an expert advice from someone as moderator of the theme.My license’s, free support was expired on 4th of January.
Would you give this urgent support to resolve at this time. Still our site is not finished and it is under development.1. I would like to place the widget after the logo before the menu. keep the logo/ header size as same.
2. Shift, social icons on the top of the main menu.
3. When the menu overflows on the widget due to decrease the screen size, the header break to mobile window therefore appear the burger menu and disappear the social icons.
4. When burger menu active, the widget must be there at center top, between logo and the burger menu.Could you help us to resolve these issues. Please see the login credentials.
Thank you
Best Regards
Anish Appukuttan.Hi,
Is there a widget within the theme to add social icons and links into the footer area?
Thanks
Topic: center social icons mobile
Topic: Social network sharing
Good morning
I’m coming back to you because I can’t put a widget with social network sharing icons like facebook twitter etc… They don’t display even with the kriesi example one.
THANKSTopic: Social media icons in footer
Hey Support
I need to place 3 social media icons with link to each profile, the icons should be placed in the 3 column:1. Instagram
2. LinkedIn
3. FacebookPlease could provide me html
I have added this css to the quick css, but I’m not sure if it is correct:
.widget .social_bookmarks li { clear: none !important; }Many thanks for your support.
Best regards
Lene







