Hi,
Thank you for the link to your site and the images, I converted one of them to a png and made the edge transparent and then added this css to your Quick CSS and now the badge shows in the bottom right corner on all pages, desktop & mobile.

body:not(.wp-admin)::before {
  content: "";
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 100px;
  height: 50px;
  background-image: url(/wp-content/uploads/2024/05/ISO_9001_farbe_de.png);
  z-index: 99;
  background-size: contain;
  background-repeat: no-repeat;
}

please clear your browser cache and check and adjust the size and position to suit.

Best regards,
Mike

Hi,
Thanks, this was a strange issue but I added this css to correct:

#top #header_main #av-burger-menu-ul,
#top #header_main .av-burger-overlay{
    height: 100vh;
}

I tested with Windows in Chrome, Firefox, & Edge and in Android and it now works in all correctly. Please clear your browser cache and check.
Please note that testing with iPhone can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Ok, thanks for explaining. I personally don’t like JetPack or Autoptimize. I note that when someone has multiple plugins that minifys it starts causing issues because minify tries to remove spaces & semicolons from the code, but then when the next plugin tries to do this it can brake the code.
When is your web hosting plan up for renewal, the test page that I made doesn’t use any plugins or CDN and only the theme minify option and it seems to do ok in the test.
Sometimes web hosts put too many customers on a shared server, or a bad actor will be on a server doing spammy things using up the resources, perhaps it would be worth checking out, most hosts offer a 30 day money back trial. Just a thought.

Best regards,
Mike

Hey santanin,
Thank you for your patience, to make the cells width match the content try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-table.avia-data-table {
	table-layout: auto;
}

The portrait images don’t show on mobile because they have no width like the flag images do, you can try this css that sets a min width for mobile and a max width for desktops, feel free to adjust to suit:

#top .avia-table.avia-data-table tbody td:nth-child(3) img {
	min-width: 5em;
	width: 20em;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey seomar,
The white bar at the top was due to your LayerSlider having a space above the background image, I changed the background to “cover” and now it is fixed:

To have a different logo on mobile, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(wp_is_mobile() ) {
    $logo = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
    }
    return $logo;
}

change the url to your new logo image
The reason your LayerSlider is not showing until someone interacts wih it is due to your WPRocket lazy load, you need to add a exclusion

Your EWWW Image Optimizer is also dong the same thing:

I added these for you please clear your browser cache and check, if you still have trouble clear your server cache or disable both plugins.
for your last question, do you mean this:

it is in your LayerSlider, please change there.

Best regards,
Mike

Hi,

Thanks for that. Please try this instead:

@media only screen and (max-width: 767px) {
  #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul .current-menu-item {
    background: red;
  }
  #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li.current-menu-item  a {
    font-size: 20px;
    color: yellow !important;
  }
}

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,

This what is currently applying:

.avia-section.av-rk2b-765175248ded7801464e4d138627e1dd .av-section-color-overlay {
  top: 170px;
}

Did you change the value? If so, then please try the code I sent instead.

Best regards,
Rikard

Hi,

Thank you, the same to you :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hey MikeTandySwag,

Please try this instead:

.avia-section.av-rk2b-765175248ded7801464e4d138627e1dd .av-section-color-overlay {
  top: 410px;
}

Best regards,
Rikard

Hi,

would it still be possible to insert the white vertical lines as in the main menu.

To add white vertical lines or separator between the menu items, please add this css code.

#top .av-submenu-container li a {
  border-right: 1px solid #ffffff;
}

#top .av-submenu-container li:last-child a {
  border-right: 0;
}

Best regards,
Ismael

Hey agenturwendt,

Thank you for the inquiry.

You can add this css code to adjust the space on both sides of the header on desktop view only.

@media only screen and (min-width: 990px) {

  /* Add your Desktop Styles here */
  .responsive .header_color .header_bg {
    background-position: 150px top;
  }

  .responsive #top #header_main .container,
  .responsive #top #header_main .container .main_menu {
    padding-left: 20px !important;
    padding-right: 80px !important;
  }

  .responsive #top #header #header_main .inner-container .widget {
    left: 80px;
  }
}

Best regards,
Ismael

Hi,

You can add this css code to adjust the minimum width of the search bar on desktop view:

@media only screen and (min-width: 990px) {

  /* Add your Desktop Styles here */
  .av-logo-container .inner-container .widget #searchform {
    width: 100%;
    min-width: 400px;
  }
}

Best regards,
Ismael

Hi,

Can we move them all down just a little bit more?

Are you referring to the icons inside the table cells? If so, you can add this css code:

.av-1ifk2f-204b380a96c16ead6fc2d86981178a96 .pricing-table li .av_font_icon {
    top: 5px;
    position: relative;
}

Best regards,
Ismael