with flyout mobile menu – you are talking about the hamburger menu?
And your social bookmarks are there on default?

Yes of course. But first : what kind of header have you set up?
Logo left – menu right ? Shrink or not etc. pp. If Shrinking Header is set where do you start – where does it end ( standard 1/2) ?

f.e.: if you have a header starting height set to 100px and you like to have your logo at 150% of that
then set the logo height to 150% and the max-height to 150px
(if you got a svg as logo set .logo svg)

.logo,
.logo a {
  overflow:visible
}
.logo img,
.logo svg {
  height:150%;
  max-height:150px !important
}

to know the starting header height is important for the max-height setting this should be the factor of height x header first height
e.g: your header is set to 150px starting height. and you like to have a 1.6 times higher logo then it is for the logo:

.logo img,
.logo svg {
  height:160%;
  max-height:240px !important
}

even if you are navigating to the domain itself: https://cloudflareinsights.com/ – they are on a AD tracking list. – i surf with ad blocker like ublock origin in my browser. I do not like ads at all. You may need to switch to a more reputable CDN provider.

Just beneath the Theme Options – Logo
there is a Toggle : “Transparency Logo Options”

this is a selfhosted video ?
( it is always best to see the corresponding site )

.dark-overlay-on-section .avia-slide-wrap .mejs-container:after {
  content: "";
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.8) 10%,rgba(0,0,0,0.1) 30%);
  background-size: cover;
  background-repeat: no-repeat;
}

how did you place the video? Inside a full-width slider?
Are there other slides inside the slideshow that should also have that overlay?
Give a custom-class to that slideshow f.e. dark-overlay and then use the after pseudo container to get the overlay:

.avia-slideshow.dark-overlay .av-video-slide .mejs-mediaelement:after {
  content: "";
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.75) 25%,rgba(0,0,0,0.1) 70%);
  background-size: cover;
  background-repeat: no-repeat;
}

on the other hand – you could style the caption – to have a better contrast – f.e.:

.avia-slideshow.dark-overlay .av-video-slide .avia-caption-title {
  text-shadow: 
    1px 1px 0 #c7c8ca, 
    2px 2px 0 #b1b3b6, 
    3px 3px 0 #9d9fa2, 
    4px 4px 0 #8a8c8e, 
    5px 5px 0 #77787b, 
    6px 6px 0 #636466, 
    7px 7px 7px #000;
}

see: https://webers-testseite.de/divider-on-sliders/

• This reply was modified 1 year, 12 months ago by Guenni007.

or use a filter to show only on specific pages / posts etc. the breadcrumbs:

function avf_header_setting_filter_mod($header_settings) {
  if ( is_category() || is_archive() ) || has_category() { 
    $header_settings['header_title_bar'] = "breadcrumbs_only";
  }
  return $header_settings;
}
add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1);

yes – the code is correct and seems to be achieved via the standard way using the google map share button on the map.
I am asking this because it sometimes happens that my fellow participants transfer something like this manually and then errors occur (like not closing tags).
I therefore think that you should first try to reinstall the theme (maybe something went wrong during the installation) – and at the same time perform an update (if not already done).

hm – I have never attached any particular importance to it. But you are indeed right. It seems that the base.css (line 470ff) setting of the font is used there. It’s listed as HelveticaNeue, Helvetica etc. Since Enfold stores the fonts you set in options as a variable, you can set here:

#top .input-text, 
#top input[type="text"], 
#top input[type="input"], 
#top input[type="password"], 
#top input[type="email"], 
#top input[type="number"], 
#top input[type="url"], 
#top input[type="tel"], 
#top input[type="search"], 
#top textarea, 
#top select {
	font-family: var(--enfold-font-family-body) !important
}

or if you like to change it only for that input field:

#top #s {
  font-family: var(--enfold-font-family-body) !important
}

maybe this should be changed on default to inherit the font like all the other settings ( line 20ff)
(html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, etc. )

can you post the code you inserted to that code-block ( use code tag here please to better inspect the code)

on default the value in that input field of max-width is 1310px – but i tend to set it to 1500 (or 1510px)
a totaly missing of max-width ( max-width unset ) looks strange ;)

have a look at your code :

@media only screen and (max-width:1100px) {
  .responsive #top .av-main-nav .menu-item-avia-special {
    display:block !important
  }
  .responsive #top .av-main-nav .menu-item {
    display:none !important
  }
/************** here is a missing closing curly bracket *******/

  @media only screen and (max-width:1024px) {
    #header_meta {
      display:none
    }
  }

Another approach could be the way to animate the grid box itself:
(real grid layout)

https://css-tricks.com/animating-css-grid-how-to-examples/

hast du ein Sicherheitsplugin installiert? Sowas wie “iThemes Security” – dort gibt es diese Option ( unter WordPress Optimierungen ) es ein/ab zuschalten.
Etliche Security Tools haben diese Option.

ok – today here it is:
and it seems to come from float-menu plugin:

update that plugin or download it again- becaue on the neweset one they got woff2 inside the vendors folder:

have you a link to the dottie file your are talking about to check if it is not a matter of that file.