Hi,
Thanks for your patience I see that you are using v5.4, I believe this may have been an issue that was fixed later, try updating to v5.6.2.
In order to update you will need to enter a valid Envato private token in the theme update options or manually update following these instructions:
First you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hi,
For mobile try this css:

@media only screen and (max-width: 767px) { 
.mfp-iframe-holder .mfp-content {
    max-width: 95%;
    height: 80vh;
}
.mfp-iframe-holder .mfp-iframe-scaler {
	height: 80vh;
}
}

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

Best regards,
Mike

Hi,
Unfortunately I can not make this look like the header, I also fixed the mobile header please check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Looks correct to me, I checked on this site.

Best regards,
Mike

Hi,
Try using this css instead:

#top:not(.home) .header_color .header_bg {
	background-color: #fff;
}

This will let the homepage stay the gray color as set in the theme options, and make all the other pages white

Best regards,
Mike

Hi,
Thanks for the login, I found the there was a rouge character in the WordPress ▸ Settings ▸ General ▸ Site Address field cauing a break in the internal theme url, I removed it and now the icons and hero image show.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
originally I gave you this css to move the header to the bottom:

@media only screen and (max-width: 767px){
.responsive #top #wrap_all #header {
    position: fixed;
    bottom: 0;
}
.responsive #top #wrap_all #header #av-burger-menu-ul {
	padding: 0 !important;
}
.avia-search-tooltip {
    top: -85% !important;
}
.responsive #top .avia-search-tooltip .avia-arrow {
	display: none;
}
.responsive #top #header_meta {
	z-index: 1;
}
}

then you asked to move the menu more to the middle to make room for your live chat icon at the bottom right, so I recommend adding this css also:

@media only screen and (max-width: 767px){
.responsive #top #wrap_all .container.av-logo-container {
    width: 70%;
    max-width: 70%;
}
}

Best regards,
Mike

Hey rixi,
Try going to Enfold Theme Options ▸ Advanced Styling then from the dropdown choose Menu Links in overlay/slide out and click the button Edit Element then you will see the options:

Best regards,
Mike

Hi,
Thanks, try adding this css:

.awpage-document {
    height: 150vh !important;
}

Best regards,
Mike

Hey Gagik,
I assume that you are asking this question to the community, because we in support don’t have experience with the plugin “Progressive Web Apps For WP” or with using “Push Notifications”, if so we can leave this thread open in hopes that a another user will reply with their experience.

Best regards,
Mike

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

@media only screen and (max-width: 767px){
.responsive #top #wrap_all #header {
    position: fixed;
    bottom: 0;
}
.responsive #top #wrap_all #header #av-burger-menu-ul {
	padding: 0 !important;
}
.avia-search-tooltip {
    top: -85% !important;
}
.responsive #top .avia-search-tooltip .avia-arrow {
	display: none;
}
.responsive #top #header_meta {
	z-index: 1;
}
}

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

Best regards,
Mike

Hey Jim,
It looks like you are using a special heading for the words GLOBAL KEY so to style these words you can’t use html in the title element without seeing the warning: Warning: Characters <,>,[,] might break ALB backend or frontend if you follow the read more in the warning you will read our documentation about our Special Character Translation plugin and this is the codes to use with it after you install the plugin

Following translations can be used:
###lt###		=> <
###gt###		=> >
###amp###		=> &
###91###		=> [
###93###		=> ]
###quot###		=> "
###34###		=> '

So to make the word “KEY” red you would add this to the special heading:
###lt###span style=color:#ff0000###gt###KEY###lt###/span###gt###

for this result on the frontend:

you can do this for your other words with using other colors.

Best regards,
Mike

Hi,
Thanks for the link to your site, as you said the Layerslider ▸ Server status says the PHP ZipArchive Extension is not enabled, I see that you are using PHP v8.0.28, I my cPanel this was also not enabled by default, to enable it please go to cPanel ▸ Select PHP Version

then under PHP Extensions look for zip and check it

Best regards,
Mike

Hi,
Thanks for the page code, the code block element was empty so I don’t know why that was but I added the image to the color section and ensured the image size was “large” 1030×368:

then I noticed you tried to add a overlay color, I removed this and added the background color instead:

and now it looks good:

check my test page linked below and try these changes on your site.

Best regards,
Mike