what kind of image you like to show – a non cropped – but smaller image?
you can set a max-width now for that full image.
it all depends on what you have set for blog layout and what to show on “Single Post Style” !
without seeing your page it is hard to give better advice
f.e.:

#top.postid-45175 .template-single-blog main .wp-post-image {
  position:relative;
  max-width:calc(100% - 250px);
  left:125px;
  min-width:unset !important;
  margin-bottom:50px
}

please remove your css code on that – because to many spans are selected – it is kept too general.
on opened burger there is a new class on html : av-burger-overlay-active

/**** color of the bars***/
html.av-burger-overlay-active #top #wrap_all .av-hamburger-inner, 
html.av-burger-overlay-active #top #wrap_all .av-hamburger-inner::before, 
html.av-burger-overlay-active #top #wrap_all .av-hamburger-inner::after {
    background-color: red !important
}

/**** background color behind the bars***/
html.av-burger-overlay-active #top #wrap_all .av-hamburger {
    background-color: lime !important
}

and if you like :

/****  to get rid of those borders left/right  ***/
#top #wrap_all .av-main-nav > li.av-burger-menu-main a,
#top #wrap_all .av-main-nav > li.av-burger-menu-main:hover a {
  border: none !important; 
  background-color: transparent !important
} 

on your menu settings – what links do you insert ?
have you placed Custom Links ? did you place relative or absolute path in the links ?

open your svg code and have a look if it has width and height information inside on svg tag.
by the way – you can simplify your svg code on svgomg
choose on right options : prefer viewbox to width/height
maybe that will help

Edit: i tested my suggestion on uploading a svg file with width and height information. There must be something different.
There must be a css rule in your setting that prevents your svg logo from fitting into the surrounding container – in any case, i didn’t have to set any extra css rules to achieve this.

doch ich las es;
nur wollte ich im Gegenzug wissen wo dein snazzy json her kommt, denn wenn du dem Link zu snazzy folgst, und dort mal ein Styling durchspielst, dann erhält man am schluss auch wie bei Google einen json code, der geschweifte Klammern und Doppelpunkte enthält.
Daher wollte ich wissen woher dein Snazzy Code kommt.

Außerdem war mein Kommentar oben ja:

Changes in avia_google_maps_api.js are the same – and because it is set by a ternary operator there is nothing to stop it being included for the next release – right?

Es würde auf Grund der Verwendung eines ternären Operators jene die das Filter und diese Einstellungen nutzen auch nicht stören, wenn man es in Enfold aufnehmen würde.

Da ich auch Borlabs Nutzer bin – wäre das sicherlich eine Bereicherung.

that it will work – i wrote as comment above:

//  all curly brackets had to be changed to square brackets
//  and the ":"     had to be replaced by: "=>"

so transformed is:

[
    [
        "featureType"=> "all",
        "elementType"=> "geometry",
        "stylers"=> [
            [
                "hue"=> "#006cff"
            ]
        ]
    ],
    [
        "featureType"=> "all",
        "elementType"=> "geometry.fill",
        "stylers"=> [
            [
                "hue"=> "#006cff"
            ]
        ]
    ],
    [
        "featureType"=> "all",
        "elementType"=> "labels.text",
        "stylers"=> [
            [
                "hue"=> "#006cff"
            ]
        ]
    ],
    [
        "featureType"=> "all",
        "elementType"=> "labels.icon",
        "stylers"=> [
            [
                "hue"=> "#006cff"
            ]
        ]
    ],
    [
        "featureType"=> "landscape.man_made",
        "elementType"=> "geometry",
        "stylers"=> [
            [
                "hue"=> "#006cff"
            ],
            [
                "saturation"=> "100"
            ]
        ]
    ],
    [
        "featureType"=> "poi",
        "elementType"=> "all",
        "stylers"=> [
            [
                "visibility"=> "off"
            ]
        ]
    ],
    [
        "featureType"=> "road",
        "elementType"=> "geometry",
        "stylers"=> [
            [
                "lightness"=> 50
            ],
            [
                "visibility"=> "simplified"
            ]
        ]
    ],
    [
        "featureType"=> "road",
        "elementType"=> "labels",
        "stylers"=> [
            [
                "visibility"=> "simplified"
            ]
        ]
    ],
    [
        "featureType"=> "transit",
        "elementType"=> "labels.text",
        "stylers"=> [
            [
                "visibility"=> "off"
            ]
        ]
    ]
]

will result in: https://webers-testseite.de/enfold-map/

the json method is used by google maps api long time ( in the meantime there is a cloud console for that) . https://mapstyle.withgoogle.com/ – they use a very similar json code like your “snazzy” one for styling.

is it possible to adapt that for the native google json?

Edit: it works with the google json aswell. In this case i do not name it snazzy.

But you had to edit a bit that output code of google json !

Changes in avia_google_maps_api.js are the same – and because it is set by a ternary operator there is nothing to stop it being included for the next release – right?

f.e.:

add_filter( 'avf_gmap_vars', function($maps) {
$googleStyles = 

// here is the place to insert the edited google styling json
// all curly brackets had to be changed to square brackets - and the ":"     had to be replaced by: "=>"

[
  [
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#ebe3cd"
      ]
    ]
  ],
  [
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#523735"
      ]
    ]
  ],
  [
    "elementType"=> "labels.text.stroke",
    "stylers"=> [
      [
        "color"=> "#f5f1e6"
      ]
    ]
  ],
  [
    "featureType"=> "administrative",
    "elementType"=> "geometry.stroke",
    "stylers"=> [
      [
        "color"=> "#c9b2a6"
      ]
    ]
  ],
  [
    "featureType"=> "administrative.land_parcel",
    "elementType"=> "geometry.stroke",
    "stylers"=> [
      [
        "color"=> "#dcd2be"
      ]
    ]
  ],
  [
    "featureType"=> "administrative.land_parcel",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#ae9e90"
      ]
    ]
  ],
  [
    "featureType"=> "landscape.natural",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#dfd2ae"
      ]
    ]
  ],
  [
    "featureType"=> "poi",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#dfd2ae"
      ]
    ]
  ],
  [
    "featureType"=> "poi",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#93817c"
      ]
    ]
  ],
  [
    "featureType"=> "poi.park",
    "elementType"=> "geometry.fill",
    "stylers"=> [
      [
        "color"=> "#a5b076"
      ]
    ]
  ],
  [
    "featureType"=> "poi.park",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#447530"
      ]
    ]
  ],
  [
    "featureType"=> "road",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#f5f1e6"
      ]
    ]
  ],
  [
    "featureType"=> "road.arterial",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#fdfcf8"
      ]
    ]
  ],
  [
    "featureType"=> "road.highway",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#f8c967"
      ]
    ]
  ],
  [
    "featureType"=> "road.highway",
    "elementType"=> "geometry.stroke",
    "stylers"=> [
      [
        "color"=> "#e9bc62"
      ]
    ]
  ],
  [
    "featureType"=> "road.highway.controlled_access",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#e98d58"
      ]
    ]
  ],
  [
    "featureType"=> "road.highway.controlled_access",
    "elementType"=> "geometry.stroke",
    "stylers"=> [
      [
        "color"=> "#db8555"
      ]
    ]
  ],
  [
    "featureType"=> "road.local",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#806b63"
      ]
    ]
  ],
  [
    "featureType"=> "transit.line",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#dfd2ae"
      ]
    ]
  ],
  [
    "featureType"=> "transit.line",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#8f7d77"
      ]
    ]
  ],
  [
    "featureType"=> "transit.line",
    "elementType"=> "labels.text.stroke",
    "stylers"=> [
      [
        "color"=> "#ebe3cd"
      ]
    ]
  ],
  [
    "featureType"=> "transit.station",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#dfd2ae"
      ]
    ]
  ],
  [
    "featureType"=> "water",
    "elementType"=> "geometry.fill",
    "stylers"=> [
      [
        "color"=> "#3300ff"
      ],
      [
        "lightness"=> 40
      ]
    ]
  ],
  [
    "featureType"=> "water",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#ffffff"
      ]
    ]
  ]
]
// end of insertion

;
    $maps['av_google_map']['av_gmap_0']['styles'] = json_encode($googleStyles);
    return $maps;
});

• This reply was modified 5 months, 1 week ago by Guenni007.
• This reply was modified 5 months, 1 week ago by Guenni007.

Kannst du bitte den korrekten link angeben – nur die ID reicht nicht aus um das Teil schnell zu finden.

I just wanted to mention that this has happened to me before. You press trash/bin and think the page has been deleted. But the permalink remains blocked until the trash is emptied.

the “marin-real-estate-blog” exists?
If you have that page deleted – but not emptied the trash (bin) – the permalink is blocked – and a newly added page with the same name will get the permalink with an index.

on your setting now try this in quick css:

.phone-info div > span {
  display: inline-block;
  float: none;
}

but such a code is hard to edit so i wouldn’t work with enfold-shortcodes here – but pur html will work too.
f.e in phone-number input field

<a href="link1"><span class="map">Location</span></a><a href="link2"><span class="contact">Contact</span></a><a href="tel:+490221123456"><span class="tel">Phone</span></a>

see here on header meta: https://webers-testseite.de/text/

after that the classes will do their job in quick css:

.responsive #header_meta .phone-info span {
    color: #aaa;
    margin-right: 15px;
    font-size:16px
}

.phone-info span::before {
    font-family: entypo-fontello;
    font-size: 24px;
    padding-right: 5px;
    position: relative;
    top: 2px;
}

.phone-info .map::before { content: "\e842"; color: #900}
.phone-info .contact::before { content: "\e805"; color: #090}
.phone-info .tel::before { content: "\e854"; color: #009}
.phone-info .mail::before { content: "\e805"; color: #090}

can you link to a page where the icons are shown, so we can have a look to the head section how the icons are linked.
Next iPhone – what kind of device you are using and what iOS is running? – And you are talking about Safari on iOS?

have a look at your enfold settings concering “performance”
do you use f.e. the option: Responsive Images ?
A slider set up for desktop can have images wider than 1500px – if you do not use the responsive image option these sliders will have on small screens the same image source.

you had to adjust to the color you like:

#top .read-more-link .more-link {
  text-transform: uppercase;
  text-decoration: underline;
  color: #a6c626;
}