Forum Replies Created
-
Posts
-
Hi,
Do you plan on creating descriptions? If not where do you want this to show? Perhaps a mockup of what you would like to see would help.Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Please check the column padding, you have large padding set for all devices:
try changing this to the desktop icon and set a smaller value for the mobile icon, similar you how you corrected the margin above.Best regards,
MikeHi,
Glad this helped, the parallax allows the image to also move as the foreground moves, scroll doesn’t. The height of the parallax image doesn’t really alow you to see the effect very well, it works better when the image is bigger.
The media query max-width is pixel width of the screen size.
For the masonry headings this is the css, adjust to suit:#top #main .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title { font-size: 1.5em; }Best regards,
MikeHi,
Sorry, I don’t understand what you are trying to do.
To have a notification bar with 3 buttons you should not add the code above to hide the notification bar.Best regards,
MikeHi,
In the Accordion element use the Behavior option Multiple toggles open allowed (Toggle Mode)
Best regards,
MikeHi,
To add a class “highlight” to the element so you can apply some css for a background color change the function above to this:add_action( 'woocommerce_single_product_summary', 'add_product_shipping_attribute', 25 ); function add_product_shipping_attribute(){ global $product; $taxonomies = array('express'); foreach($taxonomies as $taxonomy ){ $value = $product->get_attribute( $taxonomy ); if ( $value ) { $attribute_label_name = wc_attribute_label( $taxonomy ); echo '<p class="highlight">Express Shipping:' . $value . '</p>'; } } }Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.single-product-summary .highlight { background-color: yellow; display: inline; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Yes, please include an admin login in the Private Content area so we can check your code snippet and the element in the backend so we can see why your results are not the same as my test page.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey QCConcepts,
Please use the Avia Layout Builder Debugger to copy the Advanced Layout Builder shortcodes from one page/site to another.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Please use this screen resolution tool and tell us what your iPad screen size is for landscape in the images above as there are a few different iPad sizes. Also tell us what version and iOS your iPad and Safari is. There are some older versions that have quirks with parallax.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Sorry I was looking at the post titles,
Try this css:#footer.footer_color strong.widgettitle { color: #000; }Best regards,
MikeHi,
I see this on your home page and your posts, please link directly to the page you don’t see this
Best regards,
MikeHi,
The element is an iframe so you need to use the provided snippet from the publish twitter page, please include an admin login in the Private Content area so we can check your code snippet.Best regards,
MikeHi,
I tested Ismael code above and it removed creativeWork schema for entries, if you want to change it to something more specific like PodcastSeries then use this code:function avf_markup_helper_attributes_modified($attributes, $args) { global $post; if ( $args['context'] == 'entry' ) { if ( is_object( $post ) && 'post' !== $post->post_type ) { $attributes['itemscope'] = 'itemscope'; $attributes['itemtype'] = 'https://schema.org/PodcastSeries'; } } return $attributes; } add_filter('avf_markup_helper_attributes', 'avf_markup_helper_attributes_modified', 10, 2);But sense you are using Rankmath for your schema you would probably be better off disabling the Automated Schema in the theme option Enfold Theme Options ▸ SEO Support, please note the text next to the option:
The theme adds generic HTML schema markup to your template builder elements to provide additional context for search engines. If you want to add your own specific markup via plugins or custom HTML code, you can deactivate this setting
Best regards,
MikeHey daves1997,
I assume you mean this:
this is because the color for the links is the same as the background color:
Try changing the black: #000000
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Ok, I didn’t know about the iOS version locks, I mostly use Windows and only bought a secondhand Mac to test with it, it helps some.
I will close this ask you have asked, thank you for all of your help :)Best regards,
MikeHi,
Ok, I didn’t know that caching was an issue with LearnDash, perhaps another option would be to use the preloader at Enfold Theme Options ▸ Theme Options ▸ Page Preloading.Best regards,
MikeHi,
Try this css to hide the last cell below 1024px:@media only screen and (max-width: 1024px) { #top.page-id-12438 .pricing-table li:nth-child(8) { display: none; } }Best regards,
MikeHi,
Please also enable WP Debug on the staging site.
To turn on WP_DEBUG, find the following line of code to your wp-config.php file:define( 'WP_DEBUG', false );Then, replace “false” with “true” and save the file.
Also enable debug logging, by adding the following line of code to your wp-config.php file below the above code:define('WP_DEBUG_LOG', true);Also include FTP access so we can see the debug.log error log, thank you.
Best regards,
MikeHi,
It seems to be working for me:
Your site doesn’t look like you set a height, try copying the code I used on page page linked below.Best regards,
MikeHi,
I watched the “Computed” tab while I mouse-over the element with the div selected
just trial and error, hope this helps.Best regards,
MikeHey Diana,
Thank you for the link to your site and the screenshots, I believe there has been a misunderstanding about the grid row responsive display settings, the Grid Row > Advanced > set the mobile toggle point to tablet (>989px) doesn’t influence the setting Cell > Advanced > Responsive specified “hide on mobile devices” this is for <767px only.
From your screenshots it looks like you are using an iPad and I assume the screen resolution is 1024px x 1366px so I disabled the “hide on mobile devices” for these 5 sections and added this css to your Quick CSS:@media only screen and (max-width: 989px) { .responsive #top #wrap_all #design-engineering.av-break-at-tablet .flex_cell.av_two_fifth, .responsive #top #wrap_all #visualisierung.av-break-at-tablet .flex_cell.av_two_fifth, .responsive #top #wrap_all #modelling.av-break-at-tablet .flex_cell.av_two_fifth, .responsive #top #wrap_all #corporate-design.av-break-at-tablet .flex_cell.av_two_fifth, .responsive #top #wrap_all #personalagentur.av-break-at-tablet .flex_cell.av_two_fifth { display: none; } } @media only screen and (min-width: 990px) and (max-width: 1440px) { .responsive #top #wrap_all #design-engineering.av-break-at-tablet .flex_cell.av_two_fifth, .responsive #top #wrap_all #visualisierung.av-break-at-tablet .flex_cell.av_two_fifth, .responsive #top #wrap_all #modelling.av-break-at-tablet .flex_cell.av_two_fifth, .responsive #top #wrap_all #corporate-design.av-break-at-tablet .flex_cell.av_two_fifth, .responsive #top #wrap_all #personalagentur.av-break-at-tablet .flex_cell.av_two_fifth { background-position-x: -13vw } }This gives you a single column and hide the image for mobile and smaller tablet in portrait mode and two columns above 990px for larger tablets and desktop.
In my test background-position-x: -13vw seemed good for moving the image over to the left, but feel free to adjust to suit.Best regards,
Mike
