Hi,

Thank you for the update.

If you want to adjust the color of the burger menu icon instead, try to use this css code.

@media only screen and (max-width: 989px) {
    .html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after {
        background-color: #000000;
    }
}

And FYI, it is common practice to place css media queries at the very bottom of the stylesheet or in this case at the very bottom of the Quick CSS field.

Best regards,
Ismael

Hey stella-experience,

Thank you for the inquiry.

That is the default style of the header on tablet and phone view. We can use this css code in the Quick CSS field to revert back to the transparent header, but it might cause layout issues on mobile view.

@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: fixed;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: inherit;
    min-height: 0;
}
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Glad @Mike was able to help. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey dondela,

Thank you for the inquiry.

Yes, this should be possible if you intend to place the navigation or anchors in the page sidebar. You can then separate the sections using the columns, color sections or grid row elements and apply the ID or anchor to them. However, it will require more modifications if you need to actually copy the navigation and layout of the site.

Best regards,
Ismael

Hi,

You can adjust the height of the button by adjusting the height property of the image or element in this css code.

.imagebutton .avia_button_icon::before {
  content: "";
  background-image: url(/wp-content/uploads/IMAGE.svg);  /*** path to your image file ***/
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  position: relative;
  display: inline-block;
  top: -11px;
  left: -5px;
}

Best regards,
Ismael

Hi,

Thank you for the update.

We just noticed that the site still contains an older version of the theme (v4.7.4) even though you mentioned it in your first reply. The latest version of Google Analytics is not recognized in this version, so you have to immediately update the theme to version 4.9.2.1.

Best regards,
Ismael

Hi,

The layout of the cells or columns are now similar aside from the 100px bottom margin applied to the column in the first cell. Is that intentional?

#wrap_all .flex_column.av-l0w6l5fo-b220920a4a63c8fe0bc1fcf7779b0fb6 {
    margin-top: 0px;
    margin-bottom: 100px;
}

Would you mind providing a mockup of the section or a screenshot of how it is supposed to look?

UPDATE: I reviewed the thread above and found out that @mike actually added the bottom margin. A screenshot of the expected layout will help.

Best regards,
Ismael

Hi,

Glad @Guenni007 was to able help. To move the author below the post title, try to add this filter in the functions.php file.

add_filter('avf_magazine_header_content', function($header_content, $entry) {
	$author = $header_content['author'];
	unset($header_content['author']);
	$header_content['author'] = $author;
	return $header_content;
}, 10, 2);

Best regards,
Ismael

Hi,

@schwabino: Please follow the instructions above to add a new icon to the social profiles panel.

Thanks @Guenni!

Best regards,
Ismael

Hi,

Thank you for the update.

What do you mean by ATE? When translating a page, you have to click the plus button in the Languages panel and make sure that the Use WPML’s Translation Editor option is enabled. The duplicate checkbox should NOT be enabled.

Best regards,
Ismael

Hi Christian,

Thank you for following up.

Are you using the layer slider? The links or resources above are actually used by the Layer Slider plugin. If you are not using it, you can disable the plugin from the Enfold > Layout Builder > Integrated (Bundled) LayerSlider Plugin drop down, select the second, third or fourth option.

Best regards,
Ismael

Hi,

Thank you for the info.

The privacy & cookie option is actually blocking the Google fonts or preventing it to load because of the selected option in the Enfold > Privacy & Cookies > Cookie Handling > Default Cookie Behavior settings. Users have to accept the cookies first and manually allow external services including the fonts using the privacy toggles in the modal popup window. If you want the fonts to load immediately without the user consent, you can set the Default Cookie Behavior settings to the first or second option.

Best regards,
Ismael

Hey slsmart,

Thank you for the inquiry.

The content of the loaded items contain a lot of line breaks or br tags for some reason and the shaking is due to the load more button, which has been fixed in later versions of the theme. The site is currently using a very old one. Please update the theme from version 4.7.4 to the latest version 4.9.2.1, and make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

Best regards,
Ismael

Hey jaimemerz,

Thank you for the inquiry.

We would recommend removing the duplicates since Google already detects and is probably asking you to remove them. You will have to apply some css modifications and add css media queries to adjust the layout of the existing elements on mobile view. Currently, there is no way to hide those elements from Google or a way to tell them to exclude certain elements on a specific device.

These documentation and guidelines might help.

// https://developers.google.com/search/docs/advanced/guidelines/hidden-text-links

Best regards,
Ismael

Hey patrikbeneke,

Thank you for the inquiry.

This is possible but it will require significant amount of css or style changes, and it will also depend on the current content of the page or of the site. Which specific elements are you trying to adjust on tablet view? We may have to inspect the site directly in order to provide a possible solution.

Best regards,
Ismael