Hey SuperSportsUAE,

Did you manage to remove the grey background? I cannot see anything that matches the description of the issue on the link which you have provided.

Please feel free to get back to us if you have any questions.

Best regards,
Vinay

Hey jshughes2013,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    color: #000!important;
}

Best regards,
Vinay

Hi,

It is not clear which two codes would you like to merge?

If it is the latest 2 codes above it would be as below:

Please note the media query width is different for both. It is best to keep them as separate codes.

@media only screen and (max-width: 990px) {
.responsive.html_mobile_menu_tablet #header_main .social_bookmarks {
  display:block !important;
}

.html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
}

Best regards,
Vinay

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

#top #header.header_color .avia-menu li:first-child a {
	border-left:none!important;	
}

#top #header.header_color .avia-menu .menu-item-search-dropdown a{
	border-right:none!important;	
}

Best regards,
Vinay

Hi,

I tried to check your site the login credentials do not work.

What is the issue you are facing to create a layout such as https://prnt.sc/iu8dr5 ?

You can use 3 columns with custom css class name and use a pseudo-class to display the curves between the columns and hide them in mobile view.

https://stackoverflow.com/questions/6668577/using-before-css-pseudo-element-to-add-image-to-modal

Best regards,
Vinay

Hi,

We have added the below code to Quick CSS
Please update the color value to suit your design :)

.main_menu ul li ul a .avia-menu-text {
    color: #333!important;
}
#av-burger-menu-ul a:hover .avia-menu-text {
    color: #ffffff!important;
}

Best regards,
Vinay

Hi,

The current version of the theme is 4.2.6

• Login to WordPress and click on Dashboard > Update
• Click on the Check Again button in the update page.
  
• If any theme updates are available WordPress will display the list of themes below.
  

Best regards,
Vinay

Hey web6s,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
Please change the color and font value to suit your design in the below code.

#top div.woocommerce-message {
    border-color: #8BAF5B;
    background-color: #E0F1B5;
    color: #4F5F39;
    font-family: lato;
}

Best regards,
Vinay

Hi,

I have updated the permalinks but that did not help. For testing purpose please deactivate enfold theme and try to save the page using default WordPress theme and let us know if saving the page works.

Best regards,
Vinay

Hi,

I check your site and it looks good on my end screenshot attached. If you are still facing an issue please elaborate what is the issue you are facing?

Best regards,
Vinay

Hi,

Sorry for the late replt, The font set for the title in the demo site is “Lato”
To set the same font please go to Enfold > General Styling > Fonts

Let us know if you have more question, we are happy to help :)

Best regards,
Vinay

Hey dripstone,

Please enable “Ajax add to cart” option from WooCommerce > Settings > Products > Display

If you already enabled it please share the login details so we can take a closer look at this issue.

Best regards,
Vinay

Hi,

The cod you had earlier does not support title and background to have different z-index so we have modified it a bit and added to Quick CSS section. Please review the site and let us know if you have any questions ;)

/* Masonry overlay */

.av-masonry-entry:before {
content: attr(title);
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
text-align: center;
line-height: 180px;
opacity: 0;
font-weight: bold;
font-size: 24px;
transition: all linear 0.2s;
}

.av-masonry-entry:hover:before {
opacity:1;
}
.av-masonry-entry:hover .av-masonry-outerimage-container:before {
background: rgba(0, 0, 0, 0.6);
position: absolute;
content:'';
width: 100%;
height: 100%;
z-index: 999;
transition: all linear 0.2s;
}

Best regards,
Vinay

Hi,

Please try adding this at the very end of your themes / child theme’s functions.php file:

add_filter( 'avf_rtl_column_support', function(){ return 'no'; } );

Best regards,
Vinay

Hi,

Thank you for your feedback, I will pass your feedback to our development team. I assure you this issue will be fixed in the future updates :)

Let us know if there is anything else we can help you with.

Best regards,
Vinay