Many thanks @guenni007 .. i like this slowing up, nice gimmick.
I would like to have this also on the static overlays on images, can you help me with this? I have tried but do not get this animation, i think i usaing always thw wrong Styles…

/** hover on img ***/
#top .av-overlay-hover-deactivate:hover .av-caption-image-overlay-bg {
    opacity: 0.6 !important;  background-color: #000000;   }
#top .av-overlay-hover-deactivate .av-caption-image-overlay-bg {
  opacity: 0 !important; }
.av-image-caption-overlay-center {opacity:0!important;}
.av-image-caption-overlay-center:hover  {opacity:1!important; font-size: 20px !important;  }

.btn-blue {background: #0097D7; font-size:50px; height:80px; width:80px; 
font-weight: 800 !important; margin: 20px auto !important; line-height: 75px; }

Hello,
now I have changed to Tabular Tables – thanks for that!
So, I want to make the following changes – please, could you help me?
1. First row with the Text “Tagespreis 2021 …” and the Dates: Change the font-size,because it is too small, maybe also the font-family (but here I am not sure). Background color woud be better with: #efe6d0 and font color: #662f1c
2. Line 1 and line 3 (with the persons and prices): background color: #efe6d0, font-color: #662f1c
3. Line 2 (also persons and prices): background color: #fffbf3, font-color: #662f1c

I hope you can help me as soon as possible, thanks.
Best regards,
Evelyn

Hi Rikard,
thank you, i removed the css but nothing changed. I am using this code in the header xtra-info – maybe this is the problem?

<ul class="contact"><li class="phone"> <span class="in1">[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon] <a href="tel:12342134"> Notdienst: 12341243</a><a> | </a> [av_font_icon icon='ue805' font='entypo-fontello' size='20px'][/av_font_icon]<a href="mailto: (Email address hidden if logged out) ">xxxxx</a></span></li></ul>

Hi apologies the redirect plugin has not followed the taxnonmy change, the sample page is here

The original style.css definition is
/* CSS – tech articles*/
#top .skk-article-title {
font-family: courier;
font-size: small;
font-weight: bold;
color: #00b0f0;
text-align: left;
}

I have added h1 so it reads … #top .skk-article-title h1 { … and that now works fine, so thankyou case closed.

… naturally all the workaround <h1 class=”skk-article-title”> form embeds are now broken, hey ho !

• This reply was modified 4 years, 7 months ago by hbaumhardt.

For example, this page…https://globalvitiligofoundation.org/research/

If I click the “Edit page” at the top I get a 500 error. If I go to the back end and select block editor I can get into the doc, but the text blocks have all white lettering and it does not show the text editing options (type, font, size, center, etc.). Link to screenshot in private content.

The pages with the most issues appear to be those that were created with the classic editor.

• This reply was modified 4 years, 7 months ago by trexperts.

No one an idea?
I have found this slution but it only add the title as overlay, not the description.

`/* Portfolio overlay with title */

/* Disable default animation */
#top .grid-entry a:hover .image-overlay .image-overlay-inside {
animation: none;
}

/* Overlay */
/* Portfolio overlay with title – disable default animation */
#top .grid-entry a:hover .image-overlay .image-overlay-inside {
animation:none;
}

/* Portfolio overlay with title – overlay */
#top .grid-entry .image-overlay .image-overlay-inside:before {
content:”;
position:absolute;
background:#000000; /* blue */
height:100%;
width:100%;
border-radius:0;
top:0;
left:0;
margin:0;
}

/* Portfolio overlay with title – remove default title below */
.grid-content .avia-arrow,#top .grid-entry .grid-content {
display:none;
}

/* Portfolio overlay with title – display title on hover*/
.grid-entry a:hover:before {
content:attr(title);
position:absolute;
width:100%;
z-index:1000;
text-align:center;
opacity:1;
font-size:18px;
color:#fff!important;
transform:translateY(-50%);
animation:avia-fadein .75s 1 cubic-bezier(0.175,0.885,0.320,1.275)!important;
top:50%;
padding:0!important;
display:flex!important;
align-items:center;
justify-content:center;
}

.avia_transform a:hover .image-overlay {
opacity:1!important;
}

Here is the quick CSS Content:

/* =================================== */
/* === Make header not transparant === */
/* =================================== */
#header {
    background-color: #23253b;
    opacity: 1 !important;
}

/* ========================== */
/* ========================== */
/* ====== FONTS & TYPE ====== */
/* ========================== */
/* ========================== */

/* ========================== */
/* === Font sizes Desktop === */
/* ========================== */
/* h1 - 80px BOLD */
/* h2 - 55px BOLD with yellow line*/
/* h3 - 55px BOLD */
/* h4 - 32px BOLD */
/* h5 - 22px BOLD */
/* h6 - 20px BOLD */
/* p -  20px */
/* body -  20px */

/* ============================== */
/* === Desktop bullet point font size === */
/* ============================== */
li {
  font-size: 20px;
}
.li-content {
  font-size: 20px;
}

/* =========================== */
/* === H2 Line after title === */
/* =========================== */
h2{
	overflow:hidden;
}
h2:after{
	content:"";
	display: inline-block;
	vertical-align: top;
	height: 0.6em;
	width: 100%;
	margin-right: -100%;
	margin-left: 25px;
	border-bottom:8px solid #ffbf40;
}

.avia-button {
	font-size: 24px!important;
}

/* ================================================ */
/* === Font sizes tablet screens - up to 1366px === */
/* ================================================ */
@media only screen and (max-width: 1366px) {
	.av_textblock_section .avia_textblock h1 {
		font-size: 60px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h2 {
		font-size: 41px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h3 {
		font-size: 27px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h4 {
		font-size: 20px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h5 {
		font-size: 18px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h6 {
		font-size: 18px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock p {
		font-size: 18px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock body {
		font-size: 18px !important;
		font-weight: bold !important;
	}
/* === tablet bullet point font size === */
	li {
	  font-size: 18px;
	}
	.li-content {
	  font-size: 18px;
	}
}

/* =============================================== */
/* === Font sizes mobile screens - up to 767px === */
/* =============================================== */
@media only screen and (max-width: 767px) {
	.av_textblock_section .avia_textblock h1 {
		font-size: 40px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h2 {
		font-size: 28px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h3 {
		font-size: 22px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h4 {
		font-size: 18px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h5 {
		font-size: 16px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h6 {
		font-size: 16px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock p {
		font-size: 16px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock body {
		font-size: 16px !important;
		font-weight: bold !important;
	}
/* === mobile bullet point font size === */
	li {
		font-size: 16px;
	}
	.li-content {
		font-size: 16px;
	}
}

/* ========================= */
/* === Adjust BOLD & STRONG color === */
/* ========================= */
b {
	color: #ffffff !important;
}
strong {
	color: #ffffff !important;
}

/* ============ */
/* === ???? === */
/* ============ */
.entry-content-wrapper div li {
    line-height: 22px;
}

/* ========================== */
/* ========================== */
/* == END --- FONTS & TYPE == */
/* ========================== */
/* ========================== */

/* ========================================== */
/* === Front page portfolio section width === */
/* ========================================== */
#ourwork .container {
	width: 100% !important;
	min-width: 100%;
	padding: 0;
	margin: 0;
}

/* ========================================== */
/* === Color section container full width === */
/* ========================================== */
#fullwidth-container .container {
	width: 100% !important;
	min-width: 100%;
}

/* ========================================== */
/* === Fullwidth submenu font adjustments === */
/* ========================================== */
#top .av-subnav-menu > li > a {
    font-size: 22px !important;
    font-weight: bold !important;
}

/* ========================================= */
/* === Fullwidth submenu size adjustment === */
/* ========================================= */
#top .av-submenu-container {
    height: 70px;
}
#top .av-subnav-menu > li {
    padding: 23px 0;
}
#top .sticky_placeholder {
    height: 70px;
}

/* ================================================= */
/* === Service buttons break to two column layout=== */
/* ================================================= */
@media only screen and (max-width:989px) {
    .servicebuttons-class {
        width: 49% !important;
    }
    .servicebuttons-class.av_one_fourth{
        margin-left:1%!important;
    }
}

/* ========================================================= */
/* === Reduce color section padding on mobile using HUGE === */
/* ========================================================= */
@media only screen and (max-width: 989px) {
    .avia-section-huge .content, .avia-section-huge .sidebar {
        padding-top: 50px!important;
        padding-bottom: 50px!important;
    }
}

/* ========================================================== */
/* === Reduce color section padding on mobile using LARGE === */
/* ========================================================== */
@media only screen and (max-width: 989px) {
    .avia-section-large .content, .avia-section-large .sidebar {
        padding-top: 25px!important;
        padding-bottom: 25px!important;
    }
}

/* ============================ */
/* === Catalogue font sizes === */
/* ============================ */
.av-catalogue-title {
    font-size: 22px;
}
.av-catalogue-price {
    font-size: 16px;
}
.av-catalogue-content {
    font-size: 16px;
}

/* ========================================== */
/* === Catalogue square and larger images === */
/* ========================================== */
.av-catalogue-image {
	border-radius: 0 !important;
	width: 100px !important;
}

/* ======================================== */
/* === Catalogue NOT all capital titles === */
/* ======================================== */
.av-catalogue-title {
	text-transform: none !important;
}

/* ========================== */
/* === Catalog image size === */
/* ========================== */
.av-catalogue-image {
	height: 80px !important;
	width: 80px !important;
}

/* ============================ */
/* === Seperator line color === */
/* ============================ */
span.hr-inner {
	border-color: #ffbf40 !important;
}

/* ====================================== */
/* === Adjust separator FAT thickness === */
/* ====================================== */
.hr-custom .hr-inner.inner-border-av-border-fat {
	border-top-width: 9px !important; 
}

/* ===================================================================== */
/* === Adjust burger menu break point to 1366. Burger starts at 1366 === */
/* ===================================================================== */
@media only screen and (max-width: 1366px) and (min-width: 768px) {
	.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
		display: none;
	}

	.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
		display: block;
	}
}

/* ================================= */
/* === adjust column breakpoint  === */
/* ================================= */
 @media only screen and (max-width: 1500px) { 
	.responsive #top #wrap_all  #av-center-align-columns .flex_column.columnbreak {
		margin: 0;
		margin-bottom: 20px;
		width: 100%;
	}
}

/* ================================================== */
/* === Center align columns inside color section  === */
/* ================================================== */
#av-center-align-columns .entry-content-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: center;
}

/* =========================== */
/* === adjust table colors === */
/* =========================== */
.pricing-table>li {
	background: #1a1b2b00 !important;
}

/* =============================== */
/* === Custom masonry gap size === */
/* =============================== */
.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    right: 4px;
    left: 4px;
    bottom: 4px;
    top: 4px;
}

/* ================================================== */
/* === Content Menu, hide seperatoritem on mobile === */
/* ================================================== */
@media only screen and (max-width: 990px) {
	#menu-item-6080 {
		display: none !important;
	}
}

/* ======================================== */
/* === Change social media bottom color === */
/* ======================================== */
#top .av-social-sharing-box .av-share-link a {
	color: #ffffff;
	background-color: #12131f;
}

/* ================================================= */
/* === Blog featured image remove click function === */
/* ================================================= */
.big-preview.single-big a{
	pointer-events:none!important;
}

/* ================================= */
/* === Remove blog page excerpts === */
/* ================================= */
.blog .slide-entry-excerpt { display: none; }

/* ============================== */
/* === Remove blog page dates === */
/* ============================== */
.slide-meta { display: none !important; }

/* =============================== */
/* === Blog hover icon disable === */
/* =============================== */
.slide-entry-wrap .image-overlay-inside:before {   display: none; }

/* ================================ */
/* === Blog hover overlay color === */
/* ================================ */
.image-overlay { background: #12131f; }

• This reply was modified 4 years, 7 months ago by Dommel. Reason: Cleanup of Quick CSS. Applied to website

PROOF:
maskenzauber.com/temp/enfold-483.mp4 (works)
maskenzauber.com/temp/enfold-484.mp4 (messed)

Code:

[av_heading heading='Überschrift' tag='h2' style='' subheading_active='' show_icon='' icon='ue800' font='' size='24' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='15' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' link='' link_target='' id='' custom_class='h2leistung' template_class='' av_uid='av-wi1cvv' sc_version='1.0' admin_preview_bg=''][/av_heading]

[av_three_fourth first av_uid='av-sexbw57']
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-ruxp997' sc_version='1.0' admin_preview_bg='']
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/av_textblock]
[/av_three_fourth]

[av_one_fourth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' highlight='' highlight_size='' border='' border_color='' radius='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-rineby3']
[av_hr class='custom' height='-500' shadow='no-shadow' position='center' custom_border='av-border-none' custom_width='50px' custom_border_color='' custom_margin_top='0px' custom_margin_bottom='0px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-r2l8ae3']

[av_icon_box icon='ue81f' font='entypo-fontello' title='Preise' position='top' icon_style='' boxed='' font_color='' custom_title='#b02b2c' custom_content='' color='custom' custom_bg='' custom_font='' custom_border='' custom_title_size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' av_uid='av-qbofqu3' admin_preview_bg='']
Preise & FAQ[av_button label='FAQ' link='manually,#tab-id-2' link_target='' size='x-large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-py4gvff'][av_button label='Preise' link='manually,#tab-id-1' link_target='' size='x-large' position='right' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-pbgzg57']
[/av_icon_box]
[/av_one_fourth]

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-ovwwzdn' sc_version='1.0' admin_preview_bg='']
<strong>Lorem Ipsum</strong>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/av_textblock]

[av_section min_height='' min_height_px='500px' padding='default' shadow='shadow' bottom_border='border-extra-arrow-down' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.1' overlay_color='#28343c' overlay_pattern='' overlay_custom_pattern='' av_uid='av-8vd7qz']

[av_one_full first av_uid='av-o3spxtn']

[av_gallery ids='30327,30326,30325,30324,30323,30322,30321,30320,30319,30318,30317,30316,30315,30314,30313,30312,30311,30310' style='thumbnails' preview_size='no scaling' crop_big_preview_thumbnail='avia-gallery-big-no-crop-thumb' thumb_size='portfolio_small' columns='6' imagelink='lightbox' link_dest='' lightbox_text='caption' lazyload='deactivate_avia_lazyload' html_lazy_loading='disabled' alb_description='' id='' custom_class='' template_class='' av_uid='av-jrmjqais' sc_version='1.0' admin_preview_bg='']

[av_hr class='invisible' height='40' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-2cyzbvf']

[av_button label='Weiter' icon_select='no' icon='ue800' font='entypo-fontello' link='page,14091' link_target='' size='small' position='center' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='none' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-nc04ukb' sc_version='1.0' admin_preview_bg='']

[/av_one_full][/av_section][av_two_third first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' highlight_size='1.1' border='' border_color='' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='av-break-at-tablet' mobile_display='' av_uid='av-mqk8crf' custom_class='']
[av_tab_container position='top_tab' boxed='border_tabs' initial='1' av_uid='av-8103wb']
[av_tab title='Preise' icon_select='yes' icon='ue8e3' font='entypo-fontello' av_uid='av-2751vyz']
[av_table purpose='pricing' pricing_table_design='avia_pricing_default' pricing_hidden_cells='avia_show_empty_cells' caption='' responsive_styling='avia_responsive_table' av_uid='av-l9f8gxn']
[av_row row_style='avia-heading-row' av_uid='av-ksm9x5n'][av_cell col_style='avia-desc-col' av_uid='av-kccltdn']Art[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-k2hiw6z']Trallala[/av_cell][/av_row]
[av_row row_style='' av_uid='av-jp9n4d7'][av_cell col_style='avia-desc-col' av_uid='av-j3k5jq3']Typ[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-in3xoaj']nach Bedarf[/av_cell][/av_row]
[av_row row_style='' av_uid='av-i60bgsb'][av_cell col_style='avia-desc-col' av_uid='av-hsmd2l7']Was[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-h5g8s2j']Alle[/av_cell][/av_row]
[av_row row_style='' av_uid='av-gp8yepn'][av_cell col_style='avia-desc-col' av_uid='av-g92z6vv']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-fx39s57']Irgendwas[/av_cell][/av_row]
[av_row row_style='' av_uid='av-5ls3rv'][av_cell col_style='avia-desc-col' av_uid='av-ew86kqj']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-eble6ez']Ja[/av_cell][/av_row]
[av_row row_style='' av_uid='av-1eylebf'][av_cell col_style='avia-desc-col' av_uid='av-1cz9o1n']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-db7xeij']Ja[/av_cell][/av_row]
[av_row row_style='' av_uid='av-clbe5p7'][av_cell col_style='avia-desc-col' av_uid='av-c0uk3ff']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-bqx9vaz']Ja[/av_cell][/av_row]
[av_row row_style='' av_uid='av-bdbr9q3'][av_cell col_style='avia-desc-col' av_uid='av-aq5r9iz']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-ageudkr']Nein[/av_cell][/av_row]
[av_row row_style='' av_uid='av-9shikpn'][av_cell col_style='avia-desc-col' av_uid='av-9dgdozf']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-927xxqz']Ja[/av_cell][/av_row]
[av_row row_style='avia-pricing-row' av_uid='av-8n0hv0b'][av_cell col_style='avia-desc-col' av_uid='av-85wa7wb'][/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-7iw249n']Mal sehen.[/av_cell][/av_row]
[/av_table]
[/av_tab]
[av_tab title='oft gestellte Fragen' icon_select='yes' icon='ue81c' font='entypo-fontello' av_uid='av-6xqzpob']
[av_toggle_container initial='0' mode='accordion' sort='' av_uid='av-6tyh0nv'][av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-62utznf']
Answer
[/av_toggle] [av_toggle title='lorem Ipsum dolor' tags='' av_uid='av-5tbygd7']Answer
[/av_toggle][av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-5a2iw3f']
Answer[/av_toggle]
[av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-4p7kusb'] Answer[/av_toggle]
[av_toggle title='lorem Ipsum dolor' tags='' av_uid='av-4k11qyj'] Answer[/av_toggle]
[av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-3yr5qd7']Answer[/av_toggle]
[av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-30aviyj'] Answer[/av_toggle][/av_toggle_container]
[/av_tab]
[/av_tab_container]
[/av_two_third]

[av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' highlight='' highlight_size='' border='' border_color='' radius='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-2eyhhmj']
[av_heading heading='Überschrift' tag='h6' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='15' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-1yueuxn' sc_version='1.0' admin_preview_bg=''][/av_heading]

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-58okgr' sc_version='1.0' admin_preview_bg='']
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/av_textblock]

[av_hr class='default' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' av_uid='av-153zmez']
[/av_one_third]

Thank you.

Can you comment on why the same code does not show the sidebar at the top pf page on mobile for the second site? I have included all the Quick CSS that the second site uses in case something else there is conflicting.

here is all the Quick CSS that the second site is using. The site URL is in prvate content.

@media only screen and (max-width: 768px) {
.container {
display: flex!important;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}

/* Sidebar */
#top .container aside {
order: 1;
flex-grow: 1;
}

/* Main Content */
#top .container main {order: 2;flex-grow: 1;}
}

@media only screen and (min-width: 768px) {
.only_mobile { display: none !important; }}

@media only screen and (max-width: 769px) {
.only_desktop { display: none !important; }}

@media only screen and (max-width: 768px) {
.breadcrumb {
display: none !important;
}
}

#top .phone-info {
float: none!important;
text-align: center;
}

.slideshow_caption { width: 65%; }

#header_meta * {
font-weight: bolder;
font-size: 18px;
letter-spacing: 2px;
line-height: 2em;
}

.avia-button {
font-size: 16px!important;
}

.my-highlighted-text { background: rgba(255, 0, 0, 0.7) !important;padding: 1px !important; }

.av-subheading.av-subheading_below {
margin-top: 20px;
}

#socket .container {
padding-top: 30px;
padding-bottom: 30px;
}

#socket .sub_menu_socket { float: left; }
#socket .copyright { float: right; }

.blog-author{ display: none !important; }

.products .product h3 {
font-size: 16px;
}

div#header_main {
background-color: white;
}

.related.products {
display: none !important;
}

div .product-sorting {display: none;}

.in-stock {
display:none !important;
}

#top #wrap_all #av-burger-menu-ul>li{
opacity:1!important;
}

#top .av_header_transparency .phone-info {
color: #ffffff !important;
font-size: 14px !important;
}

.widget_product_categories li a {
font-size: 16px;
}

.sidebar_left.sidebar {
text-align: left;
}

.tax-product_cat .page-thumb {
display: none;
}

.woocommerce-product-gallery {
opacity: 1 !important;
}

/* Product list */
.product h3 {
font-size:14px!important;
}

input[type=”submit”]{
font-size: 15px;
}

.av-custom-form-color .button {
border-color: #c18017 !important;
border-width: 1px !important;
background-color: #c18017 !important;
}

.av-custom-form-color .button:hover {
border-color: #f0f0f0 !important;
border-width: 1px !important;
background-color: #696969 !important;
}

.sidebar .widgettitle { font-size: 16px; font-weight: bolder; }

.sort-param-order, .sort-param-sort {
display: none;
}

#top .widget ul {
padding: 2px !important;
}

.widgettitle {
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.1em;
text-align: left!important;
}

#header_meta #avia2-menu a {
font-size: 15px !important;
font-weight: bold !important;
}