Hey keeslamper,
According to the Scroll Snap Model you need to use the scroll-snap-type property and the overflow needs to be scroll. I’m not very familiar with all of the settings for the elements or the parent elements, it is not used in the theme, but this article may help.
A few points that I found is that scroll-snap will not work with a fixed header and the scroll-snap-type & overflow needs to be on the html like this:

html {
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
#main > div {
  scroll-margin-top: 30px;
  scroll-snap-align: start none;
}

But I believe that the smooth scroll js interfere with this css. I have ask the rest of the team for advise, Thank you for your patience.

Best regards,
Mike

Hey cpages,
Thank you for pointing this out, please use this css instead:

/************************************

Logo left, Widget center, widget right, menu below

*************************************


CSS Settings:

» Initiate Flexbox
» Topbar
» Header
» Logo
» Menu
» Widget
» Social icons
» Search
» Cart icon

***********************************/


/*--------------------------------

» Initiate Flexbox

--------------------------------*/


/* Header */
.responsive #top #header,
/* Top bar */
.responsive #top #header #header_meta, 
/* Search icon */
.responsive #top #header #menu-item-search a,
/* Cart icon */
.responsive #top #header a.cart_dropdown_link,
/* Social icon */
.responsive #top #header #header_main nav .social_bookmarks,
/* Logo */
.responsive #top #header #header_main .inner-container .logo,
/* Main menu, cart and social icons */
.responsive #top #header #header_main .inner-container .main_menu,
/* Widgets */
.responsive #top #header #header_main .inner-container .widget:nth-child(3),
.responsive #top #header #header_main .inner-container .widget:nth-child(4),
/* Header inner container */
#top #header #header_main .container.av-logo-container .inner-container {
    display: flex;
    position: relative;    
}





/*--------------------------------

» Topbar

--------------------------------*/


/* Top bar */

.responsive #top #header #header_meta {
    flex-basis: 100%;
}




/*--------------------------------

» Header

--------------------------------*/


/* Height outer container */

#top #header #header_main .container.av-logo-container {
    /* Do not change height here */
    /* Auto height: Header takes the height of the contents */
    height: inherit;    
    line-height: inherit;
}



/* Header inner container */

#top #header #header_main .container.av-logo-container .inner-container {
    /* Define header height here */
    height: inherit;
    position: relative !important;
    flex-wrap: wrap;
    /* Define header padding */
    padding: 10px;
    justify-content: space-between;
}



/* Wrappers 
--------------------------------*/


/* Main header ( logo, menu, widgets ) and topbar */

.responsive #top #header {
    flex-wrap: wrap;
}


/*  Logo, Menu, Social Icons and Widgets. */

.responsive #top #header #header_main {
    flex-basis: 100%;
}


/* Transparent header 
--------------------------------*/

.responsive.html_header_transparency #top #wrap_all #header {
    position: absolute;
}

@media only screen and (max-width: 767px) {
    .responsive.html_header_transparency #top #wrap_all #main {
        /* Define padding value for transparent header in mobile */
        /*padding-top: 315px !important; */
    }
}


 


/* Fixed header 
--------------------------------*/

.html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header,
.html_header_sticky.html_header_transparency #top #wrap_all #header,
.html_header_sticky #top #wrap_all #header {
    position: fixed;
}

.html_header_sticky #top #header_main .container,
.html_header_sticky #top .main_menu ul:first-child>li a {
    height: inherit !important;
    line-height: inherit !important;
}


/* Main content padding value should be same as the fixed header height. */

.html_header_sticky:not(.html_header_transparency) #top #wrap_all #main,
.html_header_sticky #top #wrap_all #main {
    /* Define padding only if sticky header is active */
    /*padding-top: 262px ;  */
}

@media only screen and (max-width: 767px) {
    .html_header_sticky #top #wrap_all #main {
        /* Define padding value for sticky header on mobile */
        /*padding-top: 315px !important; */
    }
}






/*--------------------------------

» Logo

--------------------------------*/


/* Logo */

.responsive #top #header #header_main .inner-container .logo {
    order: 2;
    flex-basis: 33%;
    /*width: auto;*/

    /* Define scalable min width of the logo on small screens */
    min-width: 100px;
    
    z-index: 9;
    /* Define scalable max width of the logo on big screens */
    /* Logo width: (auto | 100% | px );  Set auto to display the uploaded image size */
    max-width: 180px;
}


/* Logo image size */

.responsive #top #header .logo,
.responsive #top #header .logo a,
.responsive #top #header .logo img {
    width: auto;
        
    /* Height specification is not required. It is proportional to the max width of the logo */
    height: auto;    
    align-items: center;
    align-self: center;
    justify-content: center;
}


/* Vertically center transparency logo */

.responsive #top #header .logo span img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}



/*--------------------------------

» Menu

--------------------------------*/


/* Menu outer container: Menu with siblings cart and social icons */

.responsive #top #header #header_main .inner-container .main_menu {
    order: 5;

    /* Define menu width */
    flex-basis: 100%;

    align-items: center;
    align-self: center;
    height: inherit !important;
    background: #f1f1f1;
    justify-content: center;
    margin-bottom: 20px;
}


/* Navigation */

#header .av-main-nav {
    display: flex;
    flex-wrap: nowrap;
}


/*  Activate burger menu  */

@media only screen and (max-width: 1100px) {
    #top #header .av-main-nav>li.menu-item {
        display: none!important;
    }
    #top #header .av-burger-menu-main {
        cursor: pointer;
        display: block!important;
    }
}

@media only screen and (max-width: 767px) {
    /* Mobile menu position fix */
    .responsive #top .av-logo-container .avia-menu {
        display: flex!important;
        align-items: center;
    }
}



/* Mega menu submenu position fix */

.responsive #top #header .avia_mega_div {
    /* Define megamenu submenu top value */
    /*   top: 300px; 
   position: fixed;
   left: 50%;
   transform: translateX(-50%);*/
}



/*--------------------------------

» Widget

--------------------------------*/


/* Widgets */

.responsive #top #header #header_main .inner-container .widget {
    flex-basis: auto;
    padding: 0;
    clear: none!important;

    justify-content: center;
    align-self: center;
    align-items: center;
    z-index: 1;
    margin: 0 10px;
}


.responsive #top #header #header_main .inner-container .widget>div {
    width: 100%;
    line-height: 14px;
    padding: 0 10px;
    background: gold;
}

/* Widgets areas */
.responsive #top #header #header_main .inner-container .widget:nth-child(3){
    order: 3;
    flex-basis: 33%;
}
.responsive #top #header #header_main .inner-container .widget:nth-child(4){
    order: 4;
    flex-basis: 33%;
}

/*--------------------------------

» Social icons

--------------------------------*/


/* Flex support and position fix */

.responsive #top #header #header_main nav .social_bookmarks {
    top: auto;
    margin-top: 0;
    align-items: center;
}


/* Inherit height for flex alignment */

.responsive #top .av-logo-container .social_bookmarks li {
    height: inherit;
}





/*--------------------------------

» Search 

--------------------------------*/


/* Your styles here */


/*--------------------------------

» Cart 

--------------------------------*/


/* Cart position fix */

#top #header #header_main #menu-item-shop a.cart_dropdown_link {
    height: auto;
}

@media only screen and (max-width: 767px) {
    .responsive #top #menu-item-shop.cart_dropdown {
        display: flex;
        align-items: center;
    }
    .cart_dropdown .dropdown_widget .avia-arrow {
        display: none;
    }
}

We will correct the documentation.

Best regards,
Mike

Hi,
Thank you for your idea, if you would like to request this feature the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.
We can’t add this from the support threads, unless there is anything else we can help with on this issue, shall we close this thread then?

Best regards,
Mike

Hey dmooredesign,
To display your CPT, try adding this to your child theme functions.php:

add_theme_support('add_avia_builder_post_type_option');
add_theme_support('avia_template_builder_custom_post_type_grid');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
See this thread.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.page-id-472 #main .main_color .avia-data-table * {
	border: none;
	background-color: #fff;
	font-size: 18px;
	text-align: left;
}
#top.page-id-472 .main_color .avia-data-table.avia_pricing_minimal th {
    color: #009bdd;
    width: 10%;
}

Best regards,
Mike

Hi,
Yes

Best regards,
Mike

Hey daves1997,
It looks like you are using the RSS Aggregator by Feedzy plugin, I’m not familiar with this plugin, try checking the documentation or the video tutorials.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, and thanks for sharing your solution. If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey ti2media,
Thank you for the link to your site, when I check it sees as to have requested, perhaps you have already solved this?

Best regards,
Mike

Hi,
I updated your custom css in your Quick CSS from this:

#top div .av-dark-form input[type="text"] {
  color: #222;
  border-color: #222;
  border-width: 1px !important;
  background-color: transparent;
  font-size: 15px !important;
  letter-spacing: 1px;
}

to this:

#top div .av-dark-form input[type="text"],
#top #main .av-dark-form input[type="email"] {
  color: #222;
  border-color: #222;
  border-width: 1px !important;
  background-color: transparent;
  font-size: 15px !important;
  letter-spacing: 1px;
}

and now your email field border width matchs the other fields
Please clear your browser cache and check.

Best regards,
Mike

Hey dondela,
It is from the main container and not the slider, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#main .container_wrap_first > .av-section-cont-open > .content {
	padding: 0;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey schweg33,
You would need to use a plugin to create a flyout panel like that, perhaps one like this

Best regards,
Mike

Hi,
I’m not sure about that. Unless there is anything else we can assist with on this issue, shall we close this thread then?

Best regards,
Mike

Hi,
It sounds like the GoogleBot is prefuring the default favicon location, try creating a real favicon.ico, you can use a free online image converter, then upload it to your server root directory and then go to your Google Search Console and request a new crawl of your site, after Google crawls your site the real favicon.ico should show.

Best regards,
Mike

Hi,
Thank you for the link to your site and the screenshot, but I’m not able to reproduce this with my laptop rotating it from portrait to landscape and back again, or with the browser inspector emulating different screen sizes and rotating. But you could try this script in your child theme functions.php to reload the page after a screen resize and perhaps it will help with your laptop.

function custom_resize_script() { ?>
  <script>
var resizeId;
window.addEventListener('resize', function() {
  clearTimeout(resizeId);
  resizeId = setTimeout(doneResizing, 300);
});

function doneResizing(){
  location.reload();
}
</script>
  <?php
}
add_action( 'wp_footer', 'custom_resize_script', 99 );

Best regards,
Mike