Hi!

Ok. I think the problem is you’re using the blank template. Add this code in the Quick CSS field:

@media only screen and (max-width: 989px) {
#top.avia-blank #wrap_all #main .container {
    padding-top: 0px !important;
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
}}

Best regards,
Ismael

Hi!

You have to place the columns inside a color section. Add a unique id attribute in the For Developers: Section ID field. Use “custom-section” for example. Add this to the Quick CSS field:

#custom-section .flex_column.av_one_fifth {
width: 14.5%;
margin-left: 2%;
}

#custom-section .flex_column.av_one_fifth.first {
clear: none;
margin-left: 2%;
}

#custom-section .flex_column.av_one_fifth:nth-child(6) {
margin-top: 0 !important;
}

Best regards,
Ismael

Hey

This is the only requirement to add your images on google: (https://support.google.com/websearch/answer/175288?hl=en)

-Include descriptive text. Include descriptive text somewhere near the image like in an image “alt” tag or a caption. This helps Google understand what the image is showing and what searches it will be relevant to.
-Upload high quality photos. Great image content is an excellent way to build traffic to your site.

Before that, you have to make sure that the site is included in the google search: https://support.google.com/webmasters/answer/34397

While there’s no guarantee that our spiders will find a particular site, following these guidelines should increase your site’s chances of showing up in our search results.

This sounds easy and basic but I think it’s best if you hire SEO experts to help you with the site.

Cheers!
Ismael

Hey!

This is actual code for the menu item bubble in the kriesi.at site:

.jobs-menu > a > span.avia-menu-text:after {
content: "4";
font-size: 9px;
color: #FFF;
background: #42A0BD;
line-height: 17px;
width: 17px;
display: inline-block;
text-align: center;
border-radius: 100px;
position: relative;
top: -9px;
left: 2px;
}

Adjust the number in the content property. Unfortunately, it’s not dynamic, you have to change it manually. For further modifications, please visit Envato Studio or Werkpress.

Best regards,
Ismael

Hey!

Please refer to this link: https://kriesi.at/support/topic/best-way-to-add-image-sizes/#post-351286

Best regards,
Ismael

Hi!

Good decision. I’m sure they will be able to help you better there. Anyway, if you still have questions, let us know. :)

Regards,
Ismael

Hi!

You should transfer the facebook widget in the footer area because it’ll be removed on mobile devices when the theme switch to the mobile menu. Or create another in the footer area then show/hide the widgets on different screen sizes using css media queries.

Best regards,
Ismael

Hi!

Alright. I’m sorry if I misunderstood your inquiry and for wasting time. I thought you’re trying to apply the grid style on archive(category) pages. That filter won’t work on the search results page. Unfortunately, the theme doesn’t have any alternative style for this page so it will require custom modification. Please hire a freelance developer to modify it. For further modifications, please visit Envato Studio or Werkpress.

Best regards,
Ismael

Hey!

If you don’t mind, please provide a screenshot of the design you’re after. It will help.

Regards,
Ismael

Hi!

Try this:

function avia_remove_wc_currency_symbol( $currency_symbol, $currency ) {
if (is_single()) {
     $currency_symbol = 'USD $';
     return $currency_symbol;
} else {
	$currency_symbol = '$';
    return $currency_symbol;
}
}
add_filter('woocommerce_currency_symbol', 'avia_remove_wc_currency_symbol', 10, 2);

Regards,
Ismael

Hi!

I’m not sure if it’s just me but I don’t see any difference between the two images above. Anyway, try to edit the color section, add a custom id attribute in the For Developers: Section ID field. Use “custom-section” for example. Add something like this to the Quick CSS field to specify the max height of the color section:

div#custom-section {
max-height: 100px;
overflow: hidden;
}

You might need to use css media queries to adjust the height of the color section on different screen sizes.

Best regards,
Ismael

Hey!

I’m not sure if this is going to help but please try to add this to the Quick CSS field to fix the download buttons:

.download-frontpage img {
   width: inherit;  /* Make images fill their parent's space. Solves IE8. */
   max-width: 100%; /* Add !important if needed. */
   height: auto;    /* Add !important if needed. */
}

Or

.download-frontpage img { max-width:100%; height: auto; } /* Enough everywhere except IE8. */
@media screen { .download-frontpage img { width: auto }} /* Prevent height distortion in IE8. */

Reference: http://stackoverflow.com/questions/8610077/height-auto-in-internet-explorer-8-and-below

Since IE8 doesn’t support border radius by default, you will have to live without the round testimonial image or install a third party script to make it work. I don’t think it’s worth the effort. Try to use this to fix the height:

.avia-testimonial-image img {
height: 80px;
min-height: 80px;
width: inherit;
max-width: 100%;
}

Best regards,
Ismael

Hi!

Thank you for using Enfold.

Looks like you have a lot of plugins installed and one of these might be the cause of the issue. The css media queries aren’t being loaded properly. Please try to remove unnecessary plugins and deactivate the rest. Check if the site becomes responsive. Also, you might want to increase the wp memory limit to at least 256M. Refer to this link how: http://www.wpbeginner.com/wp-tutorials/fix-wordpress-memory-exhausted-error-increase-php-memory/

Regards,
Ismael

Hey!

Edit the Separator / Whitespace element. Remove the negative margin.

Best regards,
Ismael

Hey!

Is it possible for you to provide a screenshot of the issue? Maybe we can provide a browser or mobile specific fix for it.

Best regards,
Ismael