zabavljaev

Firstly, there are several errors in your code, and secondly, Elementor is not related to the menu. Try this code:

@media screen and (max-width:768px){
	.ast-header-break-point .ast-mobile-menu-buttons {display: none;}
}

In the settings of the plugin “Autoptimize” there is a field “Preload specific requests”. I took advantage of this plugin function and learned links with rel = “preload”. The links look like this:
<link rel = "preload" href = "https: //...../wp-content/themes/astra/assets/fonts/astra.woff" as = "font" type = "font / woff" crossorigin> <link rel = "preload" href = "https: //...../wp-content/themes/astra/assets/fonts/astra.ttf" as = "font" type = "font / ttf" crossorigin> <link rel = "preload" href = "https: //...../wp-content/themes/astra/assets/fonts/astra.svg#astra" as = "other">

It could be like this??: <link rel="prefetch" href="<?php echo get_site_url(); ?>/wp-content/themes/astra/assets/fonts/astra.svg#astra" as="font" crossorigin />

Hello! So the error in Chrome disappeared for me (if you use this code):
I apologize! For SVG, it also gives an error.
Here is the error in Chrome: “The resource https: //…./wp-content/themes/astra/assets/fonts/astra.svg#astra was preloaded using link preload but not used within a few seconds from the window’s load event. Please make sure it has an appropriate as value and it is preloaded intentionally.”
If you remove rel = “preload”, the error in Chrome disappears and PageSpeed does not indicate an error with the SVG

Many thanks, Sweta!

This is in UAG:

@media (max-width: 767px)
.uagb-section__inner-wrap {
    min-height: 0 !important;
    max-height: none !important;
    padding-bottom: 100px !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
}

padding-bottom: 100px !important;

.woocommerce-product-gallery__image {
    border-radius: 50px 50px 0 0;
}

.woocommerce table.shop_table .product-thumbnail img, .woocommerce-page table.shop_table .product-thumbnail img {
    border-radius: 50px;
}

.woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
    border-radius: 50px;
}

for elementor:

.elementor-widget-image .elementor-image img {
    border-radius: 50px 50px 0 0;
}

for shop:

.woocommerce ul.products li.product a img {
    border-radius: 30px 30px 0 0;
}

for all corners:

.woocommerce ul.products li.product a img {
    border-radius: 30px 30px 30px 30px;
}

(top-left, top-right, bottom-right, bottom-left)

.ast-right-sidebar #secondary,.ast-right-sidebar #primary  {
    border: none;
}

.sidebar-main {
    background: yellow;
    padding-left: 10px;
}

.ast-separate-container.ast-blog-grid-2 .ast-archive-description {
    display: none;
}

or for all:

.ast-archive-description {
    display: none;
}

On my site, everything is fine in the frontend and backend. In already created blocks and newly created. Maybe you should try to clear the cache? I use the Astra theme.

Thank you very much! True, I personally do not need to use a table of contents. Moreover, for me it is important that hash in the address bar would be in Latin. Therefore, I myself created a table of contents. But maybe other Russian-speaking users will be grateful for your efforts.

Hello, Suman! Why use a Custom HTML block if you can set an HTML anchor for the headers in the Gutenberg settings?
For smooth scrolling, you can add jquery or javascript.

This code allows HTML. Yes, he is working. But this is not enough (The code @hankev above does the same):

remove_filter('pre_term_description', 'wp_filter_kses');
remove_filter('term_description', 'wp_kses_data');

The fact is that the iframe will not work.
Personally, I do not need it. But I decided to see if this works. On a test site on a local server, I posted an iframe YouTube video.
It works with other themes.