Hi,

Great, I’m glad that @guenni007 could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad to hear that you got it working again. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the screenshot.

We don’t get any errors when we add the code in the functions.php file. Please revert the changes, re-open the functions.php file or refresh the dashboard, then make sure to copy the code directly from forum before pasting it to the functions.php file.

function custom_sticky_sub_menu()
{ ?>
    <script>
  (function($){
    var width = $(window).width();
    var $stickyTop = $('#sub_menu1');
    if (width <= 767) {
        $stickyTop.waypoint(function(direction) {
            if (direction === 'down') {
                $stickyTop.addClass('sticky-top');
            }
            if (direction === 'up') {
                $stickyTop.removeClass('sticky-top');
            }
        }, {
            offset: '0%'
        });
    }
    })(jQuery);
  </script>
    <?php
}
add_action( 'wp_footer', 'custom_sticky_sub_menu', 99 );

Best regards,
Ismael

Hey Michael,

Thank you for the inquiry.

You can add the following css code to adjust the fullwidth breakpoint of the columns. Make sure to select the On Tablets (989 Pixels) option in the Fullwidth Break Point settings.

@media only screen and (max-width: 1400px) {

  .responsive #top #wrap_all .flex_column.av-break-at-tablet,
  .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
    display: block;
  }
}

Best regards,
Ismael

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

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #sub_menu1 .container {
    width: 100%;
    max-width: 100%;
}
#av-custom-submenu-1 span {
	font-size: 12px;
}
#top #av-custom-submenu-1.av-subnav-menu > li > a {
    padding: 0px 5px 0px 5px;
}
#top #sub_menu1 .av-submenu-pos-right {
    text-align: center;
}
.sticky-top {
	position:fixed!important;
	top:0!important;
	z-index:600!important;
}
}

Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_sticky_sub_menu() { ?>
  <script>
(function($){
  var width = $(window).width();
var $stickyTop = $('#sub_menu1');
if (width <= 767) {
$stickyTop.waypoint(function(direction) {
  if (direction === 'down') {
     $stickyTop.addClass('sticky-top');
  }
  if (direction === 'up') {
     $stickyTop.removeClass('sticky-top');
  }
}, {
  offset: '0%'
});
}
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_sticky_sub_menu', 99 );

Then clear your caching plugin and browser, please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
In my test with makes the sub-menu sticky on mobile ans reduces the size of the menu itme so they fit better, feel free to adjust to suit.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
To adjust the main font size for different screen sizes please go to Enfold Theme Options ▸ General Styling ▸ Typography ▸ Advanced Options: Customize Typography Settings you will see a option for four screen sizes:

After selecting these ensure that you clear your cache and caching plugins, and if your server is using a object-oriented cache such as Memcached, Redis, Varnish, Litespeed, etc. you may need to also clear it.
Please note that we ask that each thread stays on a specific topic, this helps other users find solutions based on the opening subject line quicker. For further questions please open a new thread

Best regards,
Mike

Hi,
Thank you for your patience and the link to your staging site, as Rikard had noted above if the parent theme is activated then the error with the accordion jumping to the top of the page when clicked doesn’t occur. I don’t know why this is, but I created a new child theme for you and enabled it and the error doesn’t occur, please check the /motorcykel-testside/ page linked below. I checked on Windows in Chrome, Firefox, & Edge

Best regards,
Mike

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

#top.home #av-layout-grid-1 .flex_cell .flex_column_table:nth-child(2) {
position: absolute;
bottom: -900px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey William,
To show dual sidebars you can try this customization, first set your sidebar on your post to a “right sidebar” then in your child theme add this custom “sidebar.php”

<?php
if ( ! defined( 'ABSPATH' ) )	{ die(); }

// Display both left and right sidebars
echo "<aside class='sidebar sidebar_left' " . avia_markup_helper( array( 'context' => 'sidebar', 'echo' => false ) ) . '>';
echo '<div class="inner_sidebar extralight-border">';

// Display the subnavigation for pages
$av_sidebar_menu = avia_sidebar_menu( false );
if( $av_sidebar_menu )
{
    echo $av_sidebar_menu;
}

$the_id = @get_the_ID();

$custom_sidebar = '';
if( ! empty( $the_id ) && is_singular() )
{
    $custom_sidebar = get_post_meta( $the_id, 'sidebar', true );
}

/**
 * @param string $custom_sidebar
 * @return string
 */
$custom_sidebar = apply_filters( 'avf_custom_sidebar', $custom_sidebar );

if( $custom_sidebar )
{
    dynamic_sidebar( $custom_sidebar );
}
else
{
    if( empty( $avia_config['currently_viewing'] ) )
    {
        $avia_config['currently_viewing'] = 'page';
    }

    // general shop sidebars
    if( $avia_config['currently_viewing'] == 'shop' && dynamic_sidebar( 'Shop Overview Page' ) )
    {
        // Do nothing here
    }

    // single shop sidebars
    if( $avia_config['currently_viewing'] == 'shop_single' )
    {
        // Do nothing here
    }

    if( $avia_config['currently_viewing'] == 'shop_single' && dynamic_sidebar( 'Single Product Pages' ) )
    {
        // Do nothing here
    }

    // general blog sidebars
    if( $avia_config['currently_viewing'] == 'blog' && dynamic_sidebar('Sidebar Blog') )
    {
        // Do nothing here
    }
	// custom left sidebar
    if( $avia_config['currently_viewing'] == 'page' && dynamic_sidebar('left-sidebar') )
    {
        // Do nothing here
    }

    // general archive sidebars
    if( avia_get_option( 'archive_sidebar' ) == 'archive_sidebar_separate' )
    {
        if( $avia_config['currently_viewing'] == 'archive' && dynamic_sidebar( 'Sidebar Archives' ) )
        {
            // Do nothing here
        }
    }

    // general pages sidebars
    if( $avia_config['currently_viewing'] == 'page' && dynamic_sidebar( 'Sidebar Pages' ) )
    {
        // Do nothing here
    }

    // forum pages sidebars
    if( $avia_config['currently_viewing'] == 'forum' && dynamic_sidebar( 'Forum' ) )
    {
        // Do nothing here
    }

    // global sidebar
    if( dynamic_sidebar( 'Displayed Everywhere' ) )
    {
        // Do nothing here
    }

    /**
     * Filter to show default dummy sidebar
     *
     * @param false|string $default_sidebar
     * @return false|string
     */
    if( apply_filters( 'avf_show_default_sidebars', $default_sidebar ) )
    {
         if( apply_filters( 'avf_show_default_sidebar_pages', true ) )
         {
             avia_dummy_widget(2);
         }

         if( apply_filters( 'avf_show_default_sidebar_categories', true ) )
         {
             avia_dummy_widget(3);
         }

         if( apply_filters( 'avf_show_default_sidebar_archiv', true ) )
         {
             avia_dummy_widget(4);
         }

        //	customize default sidebar and add your sidebars
        do_action ( 'ava_add_custom_default_sidebars' );
    }
}

echo '</div>';
echo '</aside>';

// Right sidebar
echo "<aside class='sidebar sidebar_right' " . avia_markup_helper( array( 'context' => 'sidebar', 'echo' => false ) ) . '>';
echo '<div class="inner_sidebar extralight-border">';

// Display the subnavigation for pages
$av_sidebar_menu = avia_sidebar_menu( false );
if( $av_sidebar_menu )
{
    echo $av_sidebar_menu;
}

$the_id = @get_the_ID();

$custom_sidebar = '';
if( ! empty( $the_id ) && is_singular() )
{
    $custom_sidebar = get_post_meta( $the_id, 'sidebar', true );
}

/**
 * @param string $custom_sidebar
 * @return string
 */
$custom_sidebar = apply_filters( 'avf_custom_sidebar', $custom_sidebar );

if( $custom_sidebar )
{
    dynamic_sidebar( $custom_sidebar );
}
else
{
    if( empty( $avia_config['currently_viewing'] ) )
    {
        $avia_config['currently_viewing'] = 'page';
    }

    // general shop sidebars
    if( $avia_config['currently_viewing'] == 'shop' && dynamic_sidebar( 'Shop Overview Page' ) )
    {
        // Do nothing here
    }

    // single shop sidebars
    if( $avia_config['currently_viewing'] == 'shop_single' )
    {
        // Do nothing here
    }

    if( $avia_config['currently_viewing'] == 'shop_single' && dynamic_sidebar( 'Single Product Pages' ) )
    {
        // Do nothing here
    }

    // general blog sidebars
    if( $avia_config['currently_viewing'] == 'blog' && dynamic_sidebar('Sidebar Blog') )
    {
        // Do nothing here
    }
	// custom right sidebar
    if( $avia_config['currently_viewing'] == 'page' && dynamic_sidebar('right-sidebar') )
    {
        // Do nothing here
    }

    // general archive sidebars
    if( avia_get_option( 'archive_sidebar' ) == 'archive_sidebar_separate' )
    {
        if( $avia_config['currently_viewing'] == 'archive' && dynamic_sidebar( 'Sidebar Archives' ) )
        {
            // Do nothing here
        }
    }

    // general pages sidebars
    if( $avia_config['currently_viewing'] == 'page' && dynamic_sidebar( 'Sidebar Pages' ) )
    {
        // Do nothing here
    }

    // forum pages sidebars
    if( $avia_config['currently_viewing'] == 'forum' && dynamic_sidebar( 'Forum' ) )
    {
        // Do nothing here
    }

    // global sidebar
    if( dynamic_sidebar( 'Displayed Everywhere' ) )
    {
        // Do nothing here
    }

    /**
     * Filter to show default dummy sidebar
     *
     * @param false|string $default_sidebar
     * @return false|string
     */
    if( apply_filters( 'avf_show_default_sidebars', $default_sidebar ) )
    {
         if( apply_filters( 'avf_show_default_sidebar_pages', true ) )
         {
             avia_dummy_widget(2);
         }

         if( apply_filters( 'avf_show_default_sidebar_categories', true ) )
         {
             avia_dummy_widget(3);
         }

         if( apply_filters( 'avf_show_default_sidebar_archiv', true ) )
         {
             avia_dummy_widget(4);
         }

        //	customize default sidebar and add your sidebars
        do_action ( 'ava_add_custom_default_sidebars' );
    }
}

echo '</div>';
echo '</aside>';
?>

then in your child theme functions.php add this function:

function custom_theme_widgets_init() {
    register_sidebar( array(
        'name'          => esc_html__( 'Left Sidebar', 'text-domain' ),
        'id'            => 'left-sidebar',
        'description'   => esc_html__( 'Add widgets here to appear in the left sidebar.', 'text-domain' ),
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h4 class="widget-title">',
        'after_title'   => '</h4>',
    ) );
    register_sidebar( array(
        'name'          => esc_html__( 'Right Sidebar', 'text-domain' ),
        'id'            => 'right-sidebar',
        'description'   => esc_html__( 'Add widgets here to appear in the right sidebar.', 'text-domain' ),
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h4 class="widget-title">',
        'after_title'   => '</h4>',
    ) );
}
add_action( 'widgets_init', 'custom_theme_widgets_init' );
function custom_left_sidebar() { ?>
  <script>
(function($) {
     $('.single-post .sidebar_left').detach().insertBefore('.single-post .content.av-main-single');
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_left_sidebar', 99 );

then add this custom CSS:

.responsive .single-post .container {
    max-width: 98%;
}
#top.single-post #main .sidebar {
    display: inline-block;
    width: 20%;
    border: none;
}
#top.single-post .content.units.alpha.av-main-single {
	width: 58%;
	clear: none;
	border:none;
}
#top.single-post #main .sidebar.sidebar_left {
	float: left;
}

Now you will have two new sidebars:

the other widget areas will also still work for the default sidebar position if you wish.
You will now have dual sidebars:

Please note that for there to be room for the second sidebar we used the css to change the width of the page and the main content and the sidebars, you can tinker with the css above to suit your needs.

Best regards,
Mike

Hi,
Thank you for your patience, I believe you are referring to this text:

this is in the manually excerpt for the portfolio post, if you are using the Block Editor look in the sidebar:

if you don’t see the option you may need to enable it in the three dots and then preferences:

the panels and excerpt:

if you are using the Classic Editor look below the post:

if you don’t see the option you may need to enable it in the screen options at the top of the page:

Best regards,
Mike

Hey Francesco,
Thanks when I check your main menu links they are using your custom font:

I note that you have used the Advanced Styling Main Menu Option 4 times and some set the font as Supera Gothic Light and others are Supera Gothic Book, so perhaps this is the issue that you are referring to.

The setting at the bottom will be the one to take preference, not the ones at the top in your screenshot, try removing the unnecessary duplicates and use one setting, you can click the red X to remove the extra ones.

Best regards,
Mike

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard