Hi,

It’s coming from the heading, try adding this to Quick CSS:

.av-special-heading.el_after_av_font_icon {
    margin-top: 20px;
}

Best regards,
Josue

Hey richardhofer83,

Please use a fullscreen slider you can then add buttons and captions easily.

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

.avia-fullscreen-slider {
    border-top: none;
    max-width: 1300px!important;
    left: 50%;
    transform: translate(-50%);
}

Best regards,
Vinay

Hey kopf-und-stift,

After you create a header widget make changes to the css provided in the documentation or use the below code instead to position the widget to the right.

#header .widget {
  right: 0%;
  padding-top: 0;
  position: absolute;
  top: 0;
  z-index: 999;
}

Best regards,
Vinay

Hi,

Replicate what i’ve did with the first spacer.

Problem is, when you leave an element uncontained an automated color section will be created for it, and that will have the default section padding settings (which are 50px top and bottom), what you need to do is contain the element and set the padding to zero.

I also disabled the min-height sections have with this CSS in style.css:

.avia-section{
min-height: initial;
}

Best regards,
Josue

Hey adinahirjanu,

1. to make the menu items look like a button or add border style go to Appearance > Menu and select the following options

3. Use a button element and set the link to manual and open in same window that way it opens up in a modal window.

To answer 1.b, 2, 4 and 5 Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

Request you to open a new ticket for unrelated issues that way we can keep the focus on the main topic and avoid confusion.

Best regards,
Vinay

Hey!

Try adding this code to the Quick CSS:

.avia_desktop.avia_transform3d .av-masonry-entry .av-inner-masonry{
	-webkit-animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* Safari 4+ */
	animation:         avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* IE 10+ */
}

Cheers! 
Josue

Hey!

Try adding this code to the Quick CSS:

#av_product_description .av-parallax {
    transform: none !important;
    -webkit-transform: none !important;
    position: absolute;
    top: 0px !important;
    height: 240px !important;
}

Cheers! 
Josue

Hi,

I checked all the main pages on your site but couldn’t find the fullwidth submenu. However you can follow these instructions

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

//One page nav highlight

function activateMenuItem(){
?>
<script>
     jQuery(document).scroll(function() {
     var sections = jQuery('.avia-section'),
         menu   = jQuery('.av-submenu-container'),        
         nav_height = menu.outerHeight();
         jQuery(window).on('scroll', function() {
            var cur_pos = jQuery(this).scrollTop();
            sections.each(function() {
                var top = jQuery(this).offset().top - 300,
                    bottom = top + jQuery(this).outerHeight();
                if (cur_pos >= top && cur_pos <= bottom) {
                    menu.find('a').removeClass('active-menu-item');                    
                    menu.find('a[href="#' + jQuery(this).attr('id') + '"]').addClass('active-menu-item');
                }
            });
        });
    });
 
</script>
<?php
}
add_action('wp_head', 'activateMenuItem');

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

/* onepage nav active menu item*/
@media only screen and (min-width: 769px) {
.current_page_item .avia-menu-text, .active-menu-item {
  color: #b70e14!important;
}
}

/*remove default styles*/
.current-menu-item .avia-menu-text {
      color: #0a5476!important;
}

.current-menu-item .avia-menu-fx {
      display: none;
}

.active-menu-item .avia-menu-fx {
      display: block!important;
    background-color: #c05f5f;
    border-color: #a03d3d;
    height: 2px;
    width: 100%;
    opacity: 1!important;
    visibility: visible;
}

If you still have any issues please provide a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

Best regards,
Vinay

Hey shalenie,

Please check our recommend list of plugins here https://kriesi.at/support/topic/recommended-plugins/

I personally use statcounter this one is simple and straight forward however for a more robust and advanced stats you can always count on google analytics :)

Best regards,
Vinay

Hey laptophobo,

Check your site again i just scraped the open graph image from fb debuger tool https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fkarnaliexcursions.com%2F

if you still have any issue please use a open graph plugin https://wordpress.org/plugins/search.php?q=open+graph

Some helpful links

https://developers.facebook.com/docs/sharing/best-practices

Best regards,
Vinay

Hi,

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 #wrap_all #header {
    position: fixed!important;
}}

Best regards,
Vinay

Hey!

Please use the below code this will affect only the colorsection with the class .fullscreen_color_section adjust top padding for the special heading to suit your design.

@media only screen and (max-width: 767px) {
.fullscreen_color_section {
    margin-top: -120px;
}
.fullscreen_color_section .av-special-heading {
    padding-top: 120px;
}}

Cheers!
Vinay

Hey steffen_aufatz,

Please change the code to the following:

@media only screen and (min-width: 768px) {
.container_wrap.sidebar_left{
background:-webkit-gradient(linear,right top,left top,color-stop(red,0.295),color-stop(white,0));
background:-webkit-linear-gradient(left, red 29.5%, white 0%);
background: -moz-linear-gradient(left, red 29.5%, white 0%);
background: -o-linear-gradient(left, red 29.5%, white 0%);
background: linear-gradient(left, red 29.5%, white 0%);
}
}

Best regards,
Jordan