Top Menu all contents are not showing.

Hey Sovik,
Sorry for the late reply, please try this css instead of the above:

@media only screen and (max-width: 1170px) and (min-width: 768px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none !important; 
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block !important; 
  }
}

Best regards,
Mike

Hi,
Glad to hear, go ahead and explain the issue here :)

Best regards,
Mike

Hi,
Sorry, your links do not seem to go to the same page in your screenshot, the linked pages show the text in black:

To reverse the options, so the highest number is on top, Try adding this code to the end of your functions.php file in Appearance > Editor:

function reverse_options(){
  ?>
  <script>
(function($){
$(document).ready(function(){
var $select = $('select');
var options = $select.find('option:nth-child(n+2)');

// turn the nodelist into an array and reverse it
options = [].slice.call(options).reverse();

// add each option back
$.each(options, function (i, el) {
  $select.append($(el));
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'reverse_options');

Best regards,
Mike

Hi,
Ok, then don’t add the code :)
But I still see the numbers in black, where do you see the numbers as white?
Do you still see this?
Please see the screenshots in Private Content area.

Best regards,
Mike

Hi,
Sorry about that, I followed your link and see that the dropdown background color is black with white text, I assume this was to fix the white text issue. To make the text black, add this css:

#top .main_color select {
    color: #000 !important; 
}

As for adding a text field after variation choice, please try a plugin such as: Woocommerce Custom Fields For Variation

Best regards,
Mike

Hi,
Please see the screenshot in Private Content area. Are these the titles that seem hazy?

Best regards,
Mike

Hi,
Yes

Best regards,
Mike

Hi,
Thanks, I took a look and while it’s a little hard to see, I think I do. I looked through all of the css on your page and I don’t see anything that could cause this. I also researched this but all I could find is “text-rendering”, it’s really not used much, but you could try it.

h2.woocommerce-loop-product__title {
    text-rendering: optimizeLegibility !important; 
}

or you could try this:

h2.woocommerce-loop-product__title {
    font-weight: 600 !important; 
}

Best regards,
Mike

Hi,

You have to remove the comma from these selectors.

–

.main_color span,

–

#top .main_color .price,{

And remove this css property.

font-style: bold;

Best regards,
Ismael

Hi,

I have removed commas and also removed that line from quickcss but product names are still showing same, (from my end it’s showing hazy).

This thread might help with that issue.

// https://kriesi.at/support/topic/blurry-text-on-chrome

One of the users suggested a solution.

// https://kriesi.at/support/topic/blurry-text-on-chrome/#post-1068282

Best regards,
Ismael