Hi Eliott,

I use the enfold theme, pretty much out of the box.
Nothing in quick-css, I’ve put everything in the style.css in my child theme instead to have it all gathered in one place!

My style.css looks like this at the moment.. I’m aware it could be more structured but that will be done when all coding is finished.

*/ ÄNDRA TREDJEMENYN */
#top .av-main-nav ul ul {
  	left: 207px !important;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
    border-left: 1px solid rgba(0, 0, 0, 0.8)!important;
    border-top: 1px solid rgba(0, 0, 0, 0.9)!important;
}

*/ MODIFIERA FONTER */
#top #wrap_all .main_color h3 {
    margin-bottom: 3px !important;
    margin-top: 25px !important;
}

p { margin-top: 0px !important; }

.active_tc.toggle_wrap {line-height:1.3em !important }

.toggle_icon {
  width:15px !important;
  height:15px !important;
  top:15px !important; 
  }

*/ Dela Blogginlägg */
.avia-related-tooltip {
  width:200px !important;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
}

*/ BLOGG-LAYOUT */
.widgettitle { font-weight:400 !important }
.template-blog .post_delimiter { border-bottom: 1px dotted #E1E1E1 !important }

#top .av-main-nav ul a {
  text-transform:uppercase !important;
  line-height:2em !important; 
}

#top #header .av-main-nav > li > a {
  font-size: 14.1px !important;
  font-weight:normal !important;
  }

#top #header .av-main-nav > li > a:hover {
  font-size: 14.1px !important;
  font-weight:normal !important;
  color:#00A9E0 !important;
  }

#top .av-subnav-menu  { 
  color: #222222 !important; 
  font-size:14.1px !important;
  font-weight:normal !important;
  line-height: 2em !important;
  text-transform: uppercase !important;
}
  
.av-main-nav > li > ul {
 box-shadow:0px 1px 1px 1px rgba(0, 0, 0, 0.5);
 }

#top .av-submenu-container { z-index: 99!important; }
.main_menu {text-transform:uppercase;}

.flex_column .widget .widgettitle, .content .widget .widgettitle {
  margin-top: 0.85em;
	padding-bottom: 8px !important;
  margin-bottom: 18px !important;
  	border-bottom: 1px solid rgba(255,255,255,0.6);
  }

.footer_color div { line-height: 1.4 }
  
#top .news-content { padding:0px 3px 10px 0px !important }

.main_color td,
.main_color tr, 
.main_color th,
.main_color td{
  border:none !important;
  font-size:15.1px;
  margin: 0px;
	padding: 0px 0px 4px;
  }

.avia_textblock {
    font-weight: 300 !important;
    line-height: 1.5em !important;
    font-size: 15.1px !important;
  }

p {
  font-weight:300;
  line-height: 1.5em (26.4px);
  vertical-align: baseline;
  letter-spacing: normal;
  word-spacing: 0px;
  }

*/ MOBILMENY- STYLING */
#mobile-advanced li > a::before, 
.html_header_mobile_behavior #mobile-advanced span > a::before, 
#mobile-advanced .mega_menu_title::before {
    content:"";}

.av-special-heading .av-special-heading-tag {
  font-size:30px;
  padding-bottom:30px !important;
  }
    
#header_main, #header {
border-bottom-color: #FFFFFF !important;
z-index:9999 !important;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.6) !important;
 }

.avia-layerslider {
    border-top-style: solid;
    border-top-width: 1px;
    overflow: hidden;
    z-index: 999 !important;
    box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.8) !important;
  }

@media only screen and (max-width: 768px) 
{ .logo a { overflow:visible!important; }}

/* BLOGGPOSTRUBRIK */
#top .fullsize .template-blog .post-title{
text-align: left !important;
max-width: 100%;
}

.toggle_icon {
border: 0px !important
}

/* DÖLJ ÖVERLAY*/
.image-overlay {
 visibility: hidden; 
}

/* ------- ACCORDION BÖRJAR ------- */
/* MENYNS LAYOUT */
.main_color .toggler {
background: #c4e1f2 !important;
color: #404040 !important;
border: none !important;
}

/* VID HOOVRING AV MENY */
.main_color .toggler:hover { 
background: #ebf1f4 !important;
color: #404040 !important;
border-color: #EFEFEF !important; 
border: px;
 }

/* INNEHÅLLET - CONTENT */
.main_color .toggle_content {
background-color: #FFFFFF !important;
border-color: #EFEFEF !important;
}

/* BLOGG-POST-BREDD */
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }

@media only screen and (min-width: 768px) {
div.comment-entry.post-entry {
    width: 80%;
    margin: 0 auto;
}}

/* TA BORT BLOGG-IKONEN */
.single .blog-meta { display: none!important; }
.rounded-container .iconfont, .small-preview .iconfont { display: none; }
.template-blog .blog-meta, .multi-big .post_author_timeline, .single-small .post_author_timeline { display: none; }

/* Horisontell kantlinje på expandera-ikonen */
.toggle_icon, .toggle_icon .hor_icon { 
border-color: #9B9B9B !important; }

/* Vertikal kantlinje på expandera-ikonen */
.toggle_icon .vert_icon { 
border-color: #9B9B9B !important; }

/* Phone info */
.phone-info a { color: #039ed2 !important; }
.phone-info a:hover { color: #039ed2 !important; }

#footer .widget a { color: #FFF !important; }
#footer .widget hover { color: #039ed2 !important; }

/* Förändra miljön för submenyn */

#header .avia_mega_div .units {
border-right-style:none; 
}

#top #header .mega_menu_title a {
font-size:15px;
text-transform:uppercase;
margin-bottom:
}

#top #header .avia_mega_div > .sub-menu {
background-color:#FFF;
text-transform:uppercase;
}

#top #header .avia_mega_div > .sub-menu a:hover { background-color:#FFF; }
#top #header .avia_mega_div > .sub-menu > li > ul { margin-left:10px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0; }

/* Förändra mobilmenyn */
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
background-color:#FFF;
border-color:#F5F5F5;
}

#mobile-advanced li > a:hover, .html_header_mobile_behavior #mobile-advanced span:hover, .html_header_mobile_behavior #mobile-advanced span:hover a {
background-color:#00A9E0
}

#advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover {
background-color:#00A9E0;
border-color:#00A9E0;
color:#FFF;
}

#advanced_menu_toggle, #advanced_menu_hide { border:none }
#mobile-advanced > li:first-child > a:first-child { border:none }

.avia_desktop #advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover { 
background-color:#00A9E0;
border-color:#00A9E0; }

#mobile-advanced { 
padding:64px 0px;
top:63px;
}

#advanced_menu_hide {
top:99px;
right: 30px;
}

/* Ta bort border på social widget */
#top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {border:none; }

/* Webshopsikon */
#top #wrap_all .av-social-link-Webshop:hover a{color:#fff; background-color:#00A9E0; }

.responsive #header_meta .social_bookmarks li { border-width:0px; }
.responsive #top #header_meta .social_bookmarks li:last-child {border-width:0px; }

.header_bg { opacity:1; }

#header .twelve.units { 
width: 800px !important;
box-shadow:0px 1px 3px 0px #333; 
}

.header-scrolled .logo img {
padding-top: 3px;
padding-bottom: 3px;
}
.logo img {
padding-top: 3px;
padding-bottom: 3px;
}

.main_color .special-heading-inner-border { border:none }
body .av-special-heading .av-special-heading-tag { font-weight:300 }

#top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select 
{
	padding:10px 10px;
	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
	background:#FFFFFF;
	border:#EEE 1px solid;
	color:#999;
	font-size:13px;
  	width:100%;
  	margin-right: 20px;
  }
  
#top input[type="text"], 
#top input[type="email"],
#top input[type="password"],
#top input[type="tel"],
textarea {
	padding:10px 10px;
	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
	background:#FFFFFF;
	border:#EEE 1px solid;
	color:#999;
	font-size:13px;
  	width:100%;
  	margin-right: 20px;
}

@media only screen and (max-width: 767px) {
	.responsive #top #header {
         position: fixed !important; }
}

@media only screen and (max-width: 768px) {
.logo, .logo a, .logo img { max-height: 70px!important; }}

@media only screen and (max-width: 767px) {
	.responsive #top #main { margin-top:135px }
}

.menu li > a:after,
. {
    color: #000;
    content: ' ▾';
}

.menu li > a:only-child:after {
    content: '';
}

#mobile-advanced ul a, #mobile-advanced .mega_menu_title {
text-transform:uppercase;
color:#5bc2e7; 
}

#mobile-advanced li > a::before, 
.html_header_mobile_behavior 
#mobile-advanced span > a::before, 
#mobile-advanced .mega_menu_title::before { content:none;}

*/ LAYERSLIDER SHADOW */
.avia-layerslider {
  box-shadow: 5px 8px 5px rgba(0, 0, 0, 0.3) !important;
  position: relative !important;
  z-index: 9999 !important;
}

.main_color strong { color:inherit !important }

• This reply was modified 10 years, 2 months ago by Sunique.

No, it is not fixed. Here is a gif of the issue as it appears to me:

You will see that the tooltip with the image loads in the wrong place, and then moves up to sit where it is supposed to.
After the image has been loaded once it does not have the issue again.

• This reply was modified 10 years, 2 months ago by jaimemerz.

when clicking to edit the only icon options available are:

Icon Style – either “Default inline style” or “Standalone icon with border and caption”
Ican caption
title link
icon size
icon position
and optional tooltip

but nothing enables the “sonar effect”