Post a link to the page where you have this widget.

Hey!

Try adding this:

@media only screen and (min-width: 767px) {
.main_color {
    background-attachment: fixed;
}
}

Regards,
Josue

Hi!

You have this rule on your child style.css:

[data-av_icon]::before { content: none; }

Remove it and the icons will come back.

Cheers!
Josue

You are welcome, let us know if there is anything else we can help with.

Yes, that appears to be the problem. Can you please create me an administrator account? post it here as a private reply.

Regards,
Josue

Hi!

Try something like this: 1/4 Columns > Headline > Text Block > Button.

Cheers!
Josue

Hey Tech!

I don’t think there is a way to do that because according to your story (if i understood right) that code only existed on your browser session.

Also, i checked your custom CSS file here and it does have some code:

#header .avia_mega_div {
left: -120px!important;
}

.fixed_header.social_header #main {
padding-top: 115px;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 126px;
}
.image-overlay.overlay-type-extern {
display: none !important;
}
#s{
	color: #333;
}
#searchsubmit{
	background-color: #79C142;
	color: #FFF;
	border-color: #57A020;
}
.ajax_search_content * {
	color: #333 !important;
}
#top .header_color input[type='text'] { color: black; }

/* font styling of header */
.header_color .main_menu ul:first-child > li > a { color: white; }
.header_color .main_menu ul:first-child > li > a:hover { color: white; }
.header_color .main_menu ul:first-child > li.active-parent-item > a { color: #a3a3a3; }
#top #header .mega_menu_title a { color: #2d4873; }
#top #header .mega_menu_title a:hover { color: #2d4873; }
.header_color .avia-bullet { border-color: #2d4873; }
#top .header_color a:hover .avia-bullet { border-color: #142848; }
#top .main_menu .menu li ul a { color: #2d4873; }
#top .header_color .main_menu .menu ul li>a:hover { color: #142848; }

/* artifacts */
#header_main_alternate, #header {
-webkit-backface-visibility:hidden;
}

.html_header_transparency #top .avia-builder-el-0 .container{padding-top:88px;}

Regards,
Josue

Hmm, well its not reproducible by me now, however i activated debug mode so if the issue reoccurs you can easily look and fix any unclosed HTML tags.

Regards,
Josue

Hey!

You are welcome. No, all these fixes has being applied to the Quick CSS.

Regards,
Josue

You are welcome, glad we could help.

Hi!

Try with this:

.sub-menu .current-menu-item .avia-menu-text {
    color: gray;
}

Cheers!
Josue

Hi @slimmer1,

Can you please create me an administrator account? post it here as a private reply.

Regards,
Josue

Hi!

Review your site now.

Best regards,
Josue

Hey!

Try with this code:

@media only screen and (max-width: 767px) {
.responsive.html_header_top #header_main .social_bookmarks {
    display:block !important;
    width: 100%;
    top: 0px;
    left: 0px;
}
div#header_meta {
    display: none;
}
div#header_main {
    padding-top: 20px;
}
}

Cheers!
Josue

Hey!

I advise disabling that custom CSS when the screen gets to 767px via media query, something like:

@media only screen and (max-width: 767px) {
    .avia-section.av-minimum-height .container .content{
        display: block !important;
    }
}

Regards,
Josue