Hi,

Thank you for the update.

This is how the site looks on our end after adding the css code (screenshot below), we adjusted the minimum height to 480px to accommodate tablet views (e.g iPad).

Screenshot: https://imgur.com/RJ21ti2

You may need to adjust the minimum height on smaller screens using another css media query.

@media only screen and (max-width: 480px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top 
    #wrap_all .av-flex-cells .no_margin {
        width: 50%;
        float: left;
        min-height: 300px;
    }
}

This should adjust the minimum height of the cells to 300px when the screen width reaches 480px or below. If you need additional assistance, please post the login details in the private field so that we can test the modification properly.

Best regards,
Ismael

Hey Thedogscreative,

Thank you for the inquiry.

It might be due to the font-size property in this css declaration.

#top #wrap_all #header .av-burger-overlay #av-burger-menu-ul li a {
    text-align: center !important;
    font-family: "static",sans-serif;
    font-size: 2.5vw;
    font-weight: 400 !important;
    color: #177F93;
}

Try to replace the unit vw with pixel or em in the value (2.5vw).

Best regards,
Ismael

Hi,

So I would like to be able to choose a sub category, and the output will be that it only shows the child items within that category.

This was in your initial reply and the custom shortcode does exactly that. It shows the child categories of the selected or specified parent category.

Unfortunately, extending the custom shortcode above will require modifications that is beyond the scope of support and is considered custom work. You may need to hire a freelance developer or contact our partner (Codeable) to modify and extend the shortcode according to your specifications.

Thank you for your understanding.

Best regards,
Ismael

Hi,

We tried to access the site using the default wp-login and wp-admin path but it just redirects to the home page or a 404 page. We also tried the link that you posted above, but it just leads to one of the pages without a login form a link to one. Please provide the login URL so that we can access the site properly.

Thank you for your patience.

Best regards,
Ismael

Hi,

Glad to know that it is now working.

You can actually copy or move the code from the Quick CSS field to the child theme’s style.css file directly. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings again after doing so.

did you install a number of plugins?

We did not install any plugins, only added and modified the css. Is there anyone else that have access to the site?

Best regards,
Ismael

Hi,

Thank you for the info.

We may need to access the site and deactivate the plugins temporarily in order to properly inspect the issue. Please provide the site URL in the private field and include the login details. And it is probably a good idea to create a site backup or a restore point just in case.

Best regards,
Ismael

Hey eknyazyan,

Thank you for the inquiry.

The search icon is actually disabled by default when the left sidebar or header is enabled. You can add a search field manually by following the steps that one of the users provided in the following thread.

// https://kriesi.at/support/topic/search-icon-on-left-menu/#post-1185825

Let us know if you require help with it.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Will the imported demo page take on the styles of the TrikeGo site?
https://trikego.com/it/

Yes, it will override the current style and options, so you should not do it. The plugin Woocommerce will automatically redirect you to the installation or setup wizard after activating it. You can follow the steps to setup your shop.

// https://woocommerce.com/document/woocommerce-setup-wizard/

And the documentation should offer you with a lot of help.

// https://woocommerce.com/documentation/

Best regards,
Ismael

Hey Zest,

Thank you for the inquiry.

You can actually capture it using Google Analytics or Tag Manager. They have an option where you can capture clicks on elements with a specific class name or ID. You can use that to track the activity of the users who interact with the privacy buttons.

Here is a quick overview on how to create a tracker for DOM elements.

// https://support.google.com/tagmanager/answer/7683362?hl=en&ref_topic=9125128#dom_element

Best regards,
Ismael

Hey visualartspassage,

Thank you for the inquiry.

We could use a few css to adjust the width of the cells on mobile view but the items may not align correctly because the image and the content container differ in height. To solve that, you may need also apply a minimum height to the cells.

@media only screen and (max-width: 767px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top 
    #wrap_all .av-flex-cells .no_margin {
        width: 50%;
        float: left;
        min-height: 445px;
    }
}

Please note that this css will affect all grid row cells across the site, so applying a unique ID or class name (Grid Row > Advanced > Developer Settings panel) to the grid row elements may be necessary so that you can directly target and adjust the style of that particular section without affecting the others.

// https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael

Hey hostworks,

Thank you for the inquiry.

The breadcrumb is now completely disabled in the site. Have you found the option in the Enfold > Header > Header Layout > Header Title and Breadcrumbs settings?

Best regards,
Ismael

Hi,

Where can we check the page? Please provide the site URL in the private field. The current-menu-item or the current-page-ancestor class names should be automatically applied to the parent menu item if one of its child pages is currently in view. We can use those selectors to adjust the style of parent menu item.

Example:

.current-page-ancestor { 
   color: azure;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Glad to know that you managed to find a working solution. Appreciate you for sharing it. You may need to adjust the height of the columns on smaller screens or on different devices using css media queries to make sure that they respond or resize correctly. Other than that, the layout looks good.

Best regards,
Ismael

Hi,

Great! Glad to know that you have found a way to solve it. Please feel free to open another thread should you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the info.

Temporarily, you might have to remove the filter and apply a special category (featured or sticky for example) to the sticky posts or the items that you would like to display at the very top. You can then add another masonry element above the current one and select the new category.

Best regards,
Ismael