Hi,

Thank you for the screenshot.

What is the actual screen resolution of your monitor? This is how it looks on our end when browser viewport is less than 1280px.

Screenshot: https://imgur.com/0RlkPDa

You might want to consider adding the form as an inline popup instead.

// https://kriesi.at/support/topic/contact-form-popup-3/#post-992715

Best regards,
Ismael

Hi,

Thank you for the info.

We do not see any errors or unusual content in the page. Can we access a staging or development version of the site? We may need to inspect the builder shortcodes.

Best regards,
Ismael

Hey RepsHoldings,

Thank you for the inquiry.

Looks like the pages above are now displaying as they should with grid layout and without sidebar. This is what we see on our end.

Screenshot: https://imgur.com/kMXJSRT

Did you manage to find the settings for it?

Best regards,
Ismael

Hi,

The problem is, that I can’t reproduce it either. It occurs only on one of my other pages (and I have quite a lot). Even on another page (same server, same directory, same version of WP and Enfold) everything works as expected.

This is what you said in your previous reply, so we actually thought that it is only happening on a single page. You may need to clone the site to a subdomain so that we can properly check it. And please provide an actual link to the pages where the issue occurs.

Best regards,
Ismael

Hi,

Thank you for the update.

The privacy popup is now correctly hidden on mobile view and only display once the privacy button is clicked. It is possible that there are invalid css code in previous css modifications. Please look for this css media query in the Quick CSS, style.css file or in the Customize > Additional CSS field and inspect the css declarations inside.

@media only screen and (min-width: 600px) {

}

Best regards,
Ismael

Hi,

Great! Glad we could be of help. Please feel free to open another thread if you need anything else. We will close this one for now.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

The first css code that we suggested above should make the submenu scrollable horizontally. Just wrap it inside a css media query to apply it on mobile view only.

@media only screen and (max-width: 767px) {
    #top .av-submenu-container .container {
        overflow: scroll;
    }
}

Can we access the site? Please provide the login details in the private field.

Best regards,
Ismael

Hi,

Thank you for the update.

We can now access the login page but the password for the username that you provided above seems to be incorrect. Please check the info carefully.

Did you try to install the Classic Widgets plugin that we suggested above?

Best regards,
Ismael

Hi,

You might have to define the maximum height of the 360 container again, but only for mobile view. Look for this code.

#main #container.wc360-container {
    width: 100%;
}

And replace it with:

#main #container.wc360-container {
    width: 100%;
    max-height: 400px;
}

Adjust the max-height value as necessary.

Best regards,
Ismael

Hi,

Thank you for the info.

The css media query that you copied is invalid, it is missing the only keyword, which we already corrected in the Quick CSS field. This is the correct one.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

Again, you can move it back in the Quick CSS field.

Best regards,
Ismael

Hi,

Thank you for the info.

The rest of the image is not visible because of this css code.

#main #container.wc360-container {
    width: 100%;
    max-height: 300px;
}

You have to remove the max-height property and make sure to place the code inside a css media query.

Example:

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

Best regards,
Ismael

Hey Eleina_Shinn,

Thank you for the inquiry.

1.) Are you referring to the slider buttons? You can use this css code to adjust the size or style of the butotn on mobile view.

@media only screen and (max-width: 767px) {
    .avia-button.avia-size-large {
        padding: 11px 20px 9px;
        font-size: 11px;
        min-width: 99px;
    }
}

2.) It seems to be displaying as it should as shown in the screenshot below.

Screenshot: https://postimg.cc/QB5V1YTD

Best regards,
Ismael

Hi,

Thank you for the info.

Did you add any custom html tags (e.g script or input tags) in the page? These tags could break the layout of the page and cause the builder to function or behave incorrectly.

You should also try to re-create the page from scratch if none of the suggestions above are working.

Best regards,
Ismael

Hi,

Thank you for the update.

Unfortunately, there is no dedicated widget area for the portfolio category sidebar, so you may have to add the widgets in the Displayed Everywhere widget area and use a plugin to control their visibility.

You can also modify the sidebar.php file and add a new condition to display a different widget area on portfolio category pages. In the file, look for this code around line 65.

  // general shop sidebars
            if ($avia_config['currently_viewing'] == 'shop' && dynamic_sidebar('Shop Overview Page') ) : $default_sidebar = false; endif;

Below, add a new condition.

  // portfolio category sidebars
            if ($avia_config['currently_viewing'] == 'portfolio' && dynamic_sidebar('Portfolio Category') ) : $default_sidebar = false; endif;

You will then have to register a new sidebar or widget area called “Portfolio Category”.

register_sidebar(array(
			'name' => 'Portfolio Category',
			'before_widget' => '<section id="%1$s" class="widget clearfix %2$s">',
			'after_widget' => '<span class="seperator extralight-border"></span></section>',
			'before_title' => '<h3 class="widgettitle">',
			'after_title' => '</h3>',
			'id'=>'av_portfolio_category'
		));

The new widget area should display in the Appearance > Widgets panel afterwards.

Best regards,
Ismael

Hey J.,

Thank you for the inquiry.

You can set the Table element’s Styling > Table Styling > Table Design settings to “Minimal” and add a bit of css to completely remove the borders.

.responsive .avia_responsive_table .avia-data-table {
    border: 0;
}

tr:first-child th, tr:first-child td, td {
    border: 0;
}

Did you mute the video in the layer slider? Please note that only muted videos are allowed to autoplay in the browser.

Best regards,
Ismael