Hi,

I checked your site on PC and the icons show up fine.

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay

Hi swotmarketing,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#top div .av-light-form .input-text, 
#top div .av-light-form input[type='text'],
 #top div .av-light-form input[type='input'], 
 #top div .av-light-form input[type='password'], 
 #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], 
 #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], 
 #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button{
	background-color: #a73636eb;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi Pointbreakd,

Please try this code instead.

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (min-width: 990px) {
    #top #btn-align .flex_column_table {
      min-height: 391px;
    height: 100%;
  }

  #top #btn-align .avia-button-center {
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);  
  }
  #top #btn-align .hr-invisible, .hr-invisible .hr-inner {
        height: 75px;
  }

}

If you need further assistance please let us know.

Best regards,
Victoria

Hi,

The site looks good on my end. You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

The image width is 178px + 2px(border) = 180px.

Same with Featured Product on homepage :)

Please feel free to let us know if you have any issue.

Best regards,
Vinay

Hi mkessler1,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#av_section_4 .avia-button-wrap.avia-button-center a {
    min-width: 180px;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hey studioinktvis,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.single.single-product div .product .product_meta .posted_in a,
 .single.single-product div .product a.add_to_wishlist.button.alt {
    text-decoration: none;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi,

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

CSS Snippet:

/* CSS - Scroll to top on mobile */

@media only screen and (max-width: 767px) {
   .scroll-top-link {
    height: 22px;
    width: 22px;
    line-height: 20px;
    right: 22px;
    bottom: 22px;
  }
}

To switch the fullwidth menu element to a mobile menu in small screen please open the element options and at the bottom under the “Mobile Menu Display” select Display as a button.

Best regards,
Vinay

Hi sparkzilla,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {
  #full_slider_1, 
  #full_slider_1 .av_slideshow_full.avia-slideshow,
  #full_slider_1  .avia-slideshow-inner,
  #full_slider_1 .avia-slideshow li,
  #full_slider_1 .avia-slideshow li img {
    min-height: 220px;
  }
  #full_slider_1 .avia-slideshow li img {
    width: 140%;
  }
  .slideshow_inner_caption {
      height: 36%;
      top: 10%;
  }
  #top .avia-slideshow-button.avia-color-light {
      padding: 3px 6px;
      margin-top: 5px;
  }
  #top #wrap_all .avia-slideshow-button {
      font-size: 14px;
      line-height: 1.3em;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria