Hi,

Thanks for sharing that. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey Steve,

Please continue here: https://kriesi.at/support/topic/cookie-settings-link-to-socket/

Best regards,
Ismael

Hi,
Thanks for the links to your pages, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 425px) { 
#top #wrap_all #main .avia-slideshow .av-slideshow-caption .avia-caption-title,
#top #wrap_all #main .avia-slideshow .av-slideshow-caption .avia-caption-content p,
#top #main .avia-slideshow .av-slideshow-caption .avia-caption-content {
    font-size: 20px;
    margin: 0;
}
.html_header_transparency #top #main .avia-builder-el-0 .slideshow_caption {
	padding-top: 0;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I still believe that you should delete / remove your child theme header.php & footer.php so you don’t have to do this anymore.
The only files in your child theme should be:
style.css
funchion.php

and maybe redirectroot.php since I don’t know why you add that custom file.

save the other files to your desktop as backup.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
Try this css:

#top:not(.page-id-34) #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text {
	color: #fff;
}

Best regards,
Mike

Hi,
I believe that this is a duplicate thread, please review your other thread

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 425px) { 
	.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 0;
}
#top #wrap_all #main .avia-slideshow .avia-caption-title {
    font-size: 40px;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for your patience, when I add Guenni007’s css it solves the line in the header when scrolling

#top .avia-menu.av_menu_icon_beside {
  border: none !important;
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
Your MIME error seems to be due to a server error with X-Content-Type-Options “nosniff” and not a theme error, please refer back to this thread.
While we can not reproduce this on any of our servers, thinkjarvis had this issue in this thread and he solved it by changing his server settings. In the page you wrote that your server support will not change this for you, perhaps this info will help your new developer. Unfortunately we don’t have any other ideas, your two threads seem to cover all of the possibilities.

Best regards,
Mike

Hi,
To change the burger menu background to #201d1e and the lines white: Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .av-hamburger {
	line-height: 40px;
	background-color: #201d1e;
}
#top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner,#top .av-hamburger-inner::before, #top .av-hamburger-inner::after {
  background-color: #fff !important; 
 }

this is the expected results:

to change the social icons color to – #304d03, try this css:

#right-toolbar .social_bookmarks a {
	color: #304d03;
}

this is the expected results:

when the menu is open there is no padding on the left, this is the width of the menu. For a smaller menu try this css and adjust to suit:

.html_av-overlay-side .av-burger-overlay-scroll {
    width: 200px;
}

this is the expected results:

Best regards,
Mike

Hi,

Great, I’m glad that you got things working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey pelgrimrat,

Thank you for the inquiry.

When you start scrolling, the logo changes into a different, slimmer logo (text only).

This is only visible when you intentionally scroll down a few pixels (10-20px) from the top. The transition you’re describing won’t be noticeable to most users, as they will likely scroll well beyond the fold after viewing the top content. If you’d like to adjust it, you can add this css code to completely hide the initial logo on scroll.

.header-scrolled .logo .subtext > img {
    opacity: 0;
    display: none;
}

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard