Hello Victoria,

it seems that Youtube-nocookie.com is not totally tracking-free.
I found that there is another provider which makes it so.
If you change http://youtu.be/VideoID to https://invidio.us/VideoID, this delivers the desired result.
But the Enfold Video shortcode does not support that URL.
So could you please forward to the devs to support that URL for video shortcode.

Thanks! :-)

I reviewed the shortcode guide and it says the code should be added at bottom:
https://kriesi.at/documentation/enfold/breadcrumbs/#insert-breadcrumbs-as-shortcodes

Please go to Appearance > Editor and open functions.php file and add the following code at the bottom of the page:

function av_breadcrumbs_shortcode( $atts ) {
return avia_breadcrumbs(array('separator' => '/', 'richsnippet' => true));
}
add_shortcode( 'av_breadcrumbs', 'av_breadcrumbs_shortcode' );

Then add breadcrumbs using following shortcode

[av_breadcrumbs]

• This reply was modified 4 years, 6 months ago by Flow9999.

You are right Victoria, I made a mistake with username. Details in Private Area

• This reply was modified 4 years, 6 months ago by Flow9999.

Thank you very much Ismael! :-)

Thanks Ismael that idea of yours is very welcome,

acutally my need for a fix was mainly for iPad resolutions 1024px screen width and maybe pc resolution 1152px width.
So I adapted your code a bit:
(max-width: 1152px) and (min-width: 989px)
and changed width to 70%. Now I needed to center the columns and didn’t get the result with float and position:relative.
So I remembered margin: auto auto and it worked.
Because on other pages I did not want all of my columns to be full screen width, I used css classes to make it only adapt to the columns i want them to apply to. So in the end I am satisfied with the results for now. But it wouldn’t have been possible without your css code :-)
In the end please forward my request to the developers once more to optimize responsive design also for iPads with 1024px screen width at least.
I am sure there are more enfold users who may have problems with iPad optimization.

Kind regards

@support team: could you understand what i mean?

Well done Victoria! :-)
#top #wrap_all was necessary in order for the CSS to work. I removed p[data-fake-id="#toggle-id-1"] so all items are applied for css modifications.
The single problem left now is that only bottom border (with purple color) is displayed.
Is is possible to fix it so top and bottom get the purple border?
Thanks :)

Update: Could solve it myself. After some reserach with inspector I discovered that border-top-sytle: none was set somehow. Changed it to border-top-style: solid!important; and voilà :)

• This reply was modified 4 years, 8 months ago by Flow9999.

Hello Rikard,

the class “custom-tabs” was just an example. I know I didn’t use that class at the time when I started this topic.
Whether I use the custom ID or not “.toggler” doesn’t change anything.
In order for you to see this, I assigned that class in the example on my subpage with accordion.
Thanks :)

Thanks Ismael,

your CSS code is working fine. However I feel it gives an overall better impression to leave it as is was before.
Thread can be closed.

Kind regards

• This reply was modified 4 years, 8 months ago by Flow9999.

@Rikard: That was the idea. I’d like to test that if it looks better.
But maybe the best solution would be to hide top bar when site is not scrolled (activate top bar with phone info only after scrolling)
In this case the header size would need to be reduced by the ammount of pixels from top bar. CSS display:none would only hide top bar, but then header is higher than normally.

Separator color works now with white :)
Unfortunatly the “»” char is still only displayed with the first half ( I used & r a q u o ; without spaces)
Maybe there is some sort of limited amount of characters or pixel that can be displayed in breadcrumbs?

• This reply was modified 4 years, 9 months ago by Flow9999.

Thanks Nikko!

I made according changes to class-breadcrumb.php, but the new separator is not fully shown.
$separator = '<span class="sep"> >> </span>';

Only one “>” char is shown instead of “>>” and I’d like to change the color for the separator to be white, while the link to main page before the separator should be #996633 color. Check my link to see the current result.

Kind regards

Thanks Victoria!

I need to brief myself on how to install modifications through child theme but I guess I’ll manage.
Much more important is how I can align breadcrumb shortcode to be centered and how to use different color for “main page” link?

Kind regards o/

Nevermind it’s not an enfold problem. Installed macOS 14 through VM so I could test.
It seems to be a CSS transition bug with safari. Best way I can think of is to exclude this transition on Safari through @supports.
I will do some google reserarch in order to find what I need to write after @supports to do this.

Thanks alot Victoria!