Hi!

Please add following code to Quick CSS as well

.single-product h3.addon-name + p.form-row {
    float: left;
    width: 80%;
    clear: right;
    margin-top: -9px!important;
}
.single-product h3.addon-name {
    float: left;
    width: 20%;
}

Best regards,
Yigit

Hey!

Please add following code to Quick CSS

#blue_section {
    position: fixed;
    width: 100%;
    top: 82px;
    z-index: 99;
}

Cheers!
Yigit

Hi,

Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and display different elements on mobile and on desktop

Best regards,
Yigit

Hi,

You can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and display different elements on mobile and on desktop.
Also, we recommend updating to the latest version of the theme as they always come with new features and bug fixes.

Best regards,
Yigit

Hey EverydayAlternative,

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

@media only screen and (max-width: 767px) {
.responsive #top #menu-item-shop .cart_dropdown_link > span:nth-child(1) {
    border: 1px solid #e2e2e2;
    padding: 14px;
    border-radius: 2px;
}
.responsive #top .cart_dropdown { 
right: auto;
left: -50px;
}}

Best regards,
Yigit

Hey bibahbuh,

I edited your page and changed masonry caption style. Please add following code to Quick CSS in Enfold theme options under General Styling tab to change overlay background color

#top .av-caption-style-overlay.av-hover-overlay- a.av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(255,0,0,0.3);
}

255,0,0 is RGB value of the color and 0.3 is opacity level

Best regards,
Yigit

Hi!

Yes, it’s an error with the google map widget. Please follow the instructions in the following thread. Let us know if it helps. https://kriesi.at/support/topic/google-maps-api-error-missingkeymaperror-3/#post-677308

Regards,
Ismael

Hi!

Add this in the functions.php file:

add_filter( 'ava_main_header', 'ava_main_header_mod', 10, 1);
function ava_main_header_mod( $items )
{
	$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
	$icons  = '<div class="mobile_social">';
	$icons .= avia_social_media_icons($social_args, false);
	$icons .= '</div>';
	echo $icons;
}

And use the following css code to adjust the display and position property of the social container:

@media only screen and (min-width: 989px) {
  /* Add your Desktop Styles here */
  .mobile_social { display:none; }
}

@media only screen and (max-width: 988px) {
  /* Add your Mobile Styles here */
  .mobile_social {
    position: absolute;
    right: 0;
    top: 10px;
  }
}

Cheers!
Ismael

Hey!

It is actually working. Please remove browser cache or hard refresh the page. Honestly, I don’t think you need it on mobile because users can tap the top edge of the screen twice to scroll back to the top.

Best regards,
Ismael

Hi,

Add a unique category to the portfolio items with a custom link. The theme will automatically generate a custom css class attribute for the items included in that category. If the category is named “linked” for example, the css selector would be “linked_sort”.

.linked_sort:before {
    content: '\E869'; 
    font-family: 'entypo-fontello';
    position: absolute;
    border-radius: 50px;
    background: #df8f04;
    height: 80px;
    width: 80px;
    line-height: 80px;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    z-index: 500;
    text-align: center;
    color: #fff;
}

Best regards,
Ismael