Hey!

Thank you for the info.

When it comes to editors, Enfold and Rank Math, the only possible conflict we can think of will be related to the Content Analysis where Rank Math may not be able to read the content.

As we have said earlier, the theme’s Advance Layout Builder is compatible with the plugin’s content analysis, so the plugin should be able to read or detect elements added the builder. If you define a Rankmath focus keyword in a page or post, and added that keyword in a Special Heading or Text Block element, the analysis will be able to detect it and update the analysis accordingly. You can test it out.

Regards,
Ismael

Hi,

Thank you for the inquiry.

The css rule for the phone number should have the selector “phone-info” and “social_bookmarks” for the social icons. To hide the duplicate social icons in the main header container, please edit the last css code that we provided above and replace it with the following.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header_meta .social_bookmarks {
    display: block;
  }
}

Best regards,
Ismael

Hi,

The latest code should be placed inside the css media query. Please remove all css code related to this thread, then replace it with the following code.

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

  #header_meta .container {
    display: flex;
    justify-content: flex-start;
  }

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header .social_bookmarks,
  .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
    text-align: left;
    width: auto;
  }

  .responsive #header .sub_menu,
  .responsive #header_meta .sub_menu>ul {
    float: none;
    width: auto;
    text-align: center;
    margin: 0 auto;
    position: static;
    margin: 0;
  }

  .responsive #top #wrap_all #header_main .social_bookmarks {
    display: none;
  }
}

This should remove the duplicate social bookmarks container and position the icons beside the language flags in the far-left corner of the header meta container.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

But problem 2 with the wide spacing still exists: Could you still help me with this?

We are not sure where the space is coming from, but you can decrease it by adding this css code.

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

  /* Add your Mobile Styles here */
  #gutschein {
    margin-bottom: -100px;
  }
}

Best regards,
Ismael

Hi,

Desired situation: When no categories are selected the masonry element has 0 results. When a new post is added in a new category, it shows 1 post.

That is not possible, unfortunately. You either have to select a category or select none at all to display all posts from all categories. The filter avf_masonry_query_no_entries_fallback when set to false will prevent fallback posts from displaying when there are no items in the selected category.

Best regards,
Ismael

Hi,

Thank you for the update.

Could you provide links to the demo pages you’d like to copy? We should be able to provide you with the builder shortcodes, which can be manually applied to your pages. You have to set the builder to debug mode first.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Best regards,
Ismael

Hey gatehealing,

Thank you for the inquiry.

Have you tried creating a Custom Element Template for this instead of adding another element? Please check the link below for more info. In the upcoming version of the theme, there will also be Custom Layout and Dynamic Content features, which can be used to create custom layouts and content pulled directly from the database or custom fields.

// https://kriesi.at/documentation/enfold/custom-element-templates/

Best regards,
Ismael

Hey ebenanders,

Thank you for the inquiry.

Did you add any css modifications in the Quick CSS field or in the child theme’s style.css file? Please provide the site URL in the private field and post a screenshot of the issue. You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hey xfacta,

Thank you for the inquiry.

You can use the following css code to adjust the style of the elements inside the header meta or the small bar above the main menu.

#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-weight: 300;
    text-decoration: none !important;
}

#header_meta .sub_menu {
    float: left;
    z-index: 2;
    font-size: 1.2em;
    line-height: 30px;
    position: relative;
    top: 10px;
}

#header_meta .phone-info {
    float: left;
    font-weight: bold;
    line-height: 20px;
    font-size: 1.2em;
    padding: 5px 0;
}

And to re-enable the social bookmarks on mobile view, you can include this css code.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header .social_bookmarks,
  .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
  }
}

Best regards,
Ismael

Hey TBant,

Thank you for the inquiry.

You can create a custom shortcode for the Page Sidebar Navigation and add it to your fullwidth pages using a Text or Code Block element. Please add this code in the functions.php file.

function avs_sidebar_menu_cb( $atts ){
	return avia_sidebar_menu($echo = true);
}
add_shortcode( 'avs_sidebar_menu', 'avs_sidebar_menu_cb' );

You can then use the following shortcode in the builder.

[avs_sidebar_menu]

Best regards,
Ismael

Hi,

Great! Glad to know that this has been resolved. Please let us know if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you remove the css code? Please add it again, then include the following css rule to hide the duplicate social icons beside the burger menu.

.responsive #top #header_main .main_menu .social_bookmarks {
    display: none;
}

Best regards,
Ismael

Hi,

Thank you for the update.

The style of the layers should automatically adjust based on the screen width. If this is not working as intended, you can toggle the layers’ visibility on different screen sizes. Edit the layer, then look for the Toggle Device Visibility in the Layer Settings > Content panel. You can choose to hide a specific layer on mobile devices and display a different element with styles configured for smaller screens.

Best regards,
Ismael

Hey ausgesonnen,

Thank you for the inquiry.

I would like the first column of the table version to be more narrow.

The width of the table columns automatically adjusts based on the number of columns and the length of the content. If you need to manually adjust the width of the first column, you can add this css code.

.av-hriqo-df64f73a2229a5a484cc56fae9caca2e table tr th {
    width: 30%;
}

Best regards,
Ismael

Hey ontariotraining,

Thank you for the inquiry.

Did you previously set the Enfold > Footer Options > Default Footer & Socket Settings to Page based Footer options? Please make sure that the Select Page dropdown is set to Select Page to deselect the custom footer page before selecting a non-Page based Footer option. Or provide the login details in the private field so that we can check the settings.

Best regards,
Ismael