Hi,

I’m using the following method to display categories and tags on the single portfolio item: (here called project type and project attribute)
method:
https://kriesi.at/support/topic/show-categories-and-tags-in-portfolio/

However, when I click through to a category archive page, no category title exists.

How can I add the category title to the category archive page?

Hi Guenni.
Almost there I think.
Thank you for all your help.
I have removed both grid rows and added both lots of css you gave me.

.page-id-117 #after_section_1::after {
content: ” “;
display: block;
height: 15px;
width: 100vw;
background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%);
background: -webkit-linear-gradient(left, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
background: linear-gradient(to right, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#604b66′, endColorstr=’#d6a83e’,GradientType=1 );
background-repeat: none;
background-position: center top;
background-size: 100vw 15px;
}

.page-id-117 #after_submenu::after {
content: ” “;
display: block;
height: 15px;
width: 100vw;
background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%);
background: -webkit-linear-gradient(left, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
background: linear-gradient(to right, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#604b66′, endColorstr=’#d6a83e’,GradientType=1 );
background-repeat: none;
background-position: center top;
background-size: 100vw 15px;
}

I now have one grid at the bottom but not at the top.

Mark.

Hi Yigit,

Thanks for coming back after the update.

Unfortunately, our feature request was not integrated yet! Also, a kind of disturbing thing has happened:
While the visitor is browsing around in the tab section, if they click on the initially opened tab’s title, they get redirected at the top of the page (the link gets a # symbol at the end of it)!

For example, at the tab section in the homepage of https://nexus-service.gr

Thanks in advance for your time!

Best regards

Hi John,

Did you see my little note?
“*in order to work on the site while I wait for assistance I have turned off sticky/shrink which is what I believe is causing the error.”
It’s only happening when I turn on the sticky shrinking head that I had to turn off so I could style everything. So I included a log in so you could turn these settings on and see the error.

I quickly turned on the sticky/shrinking setting and took a screenshot for you.

This is how it looks at the very top.

That works — lastly, is there a way to adjust the image i have on the homepage? Currently, the photo goes into the navigation cutting off the top of the persons head.

Is there a way to position the photo below the navigation so you can see the entire item?

And the tabs that i have adjusted with the code, on an iphone – when held vertically, it is still cutting off the Corporate and Advertising Law text. Is there a way that this text and the other text all be visible when held vertically on an phone?

I will try to implement the code from here

https://kriesi.at/support/topic/hide-logomenu-header-on-scroll-down/

Hello Victoria,

thank you so much for your help! Works wonderfully :)

I don’t know if I should make a new thread or not, but I noticed I now have another problem in my portfolio page:

I have a portfolio grid set up to display the AJAX Portfolio, and I have mixed content. The audio portfolio portions have an embedded content on the preview (ex. Dimas Sufi – Merah or Landesjugendjazzorchester Hamburg – NewSounds) and that works wonderfully.

The video portfolio, on the other hand, could be better. If you try to click on some of the bottom part of the page (ex. Mute Solo of Sound Vision), it will try to open the preview on the top of the page even though I already override the content to display the video. The thing is, it will always drag your page again to the top but the video light box is still on the bottom, making it a little bit confusing.

Could you help on this issue? That would be so great!

Thank you for the great work!

Best,
Indra

I do not understand you guys, why you are so reluctant of helping me … ;/ when I was buying the theme the support was in the price.

The code pasted by me is working when the ‘Shrinking Header’ is ENABLED … it stops working when I disable it. I am using the same computer, system and browser so your answers are any of help … so my question is how the ‘Shrinking Header’ affects the behavior?

Thank you for your help.

MD

Hi Nikko,

Found this thread: https://kriesi.at/support/topic/woocommerce-terms-shown-twice/#post-822881
So it’s seems to be a bug in Enfold.

This solves the issue:

add_filter(‘woocommerce_format_content’, ‘yanco_remove_inline_terms’, 10, 2);
function yanco_remove_inline_terms( $apply_filters, $raw_string ) {
if( is_checkout() ) {
return ”;
}
return $apply_filters;
}

Anyway, can it be fixed in a new release?

Cheers,
Jaap

@victoria – I have a child theme and I’ve added the code into style.css but what do I do with this previous CSS?

@media only screen and (max-width: 1150px) {
#top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none!important; }
.av-burger-menu-main { display: block!important; }} 

I’ve added the 2 lines into your CSS but between 1150px and 990px I now have:
– burger menu top right where it should be but still no search icon
– the space for the normal menu is empty but still visible

and then between 990px and 768px the search icon reappears, the empty ‘normal’ space has gone but the top of the main page content & heading (“Welcome to the…”) is cut off… (and I had to add some CSS to fix .av-logo-container height, which if you remove it the heading reappears but the news ticker now runs over the top of the heading because .av-logo-container has not got enough height – try it in DevTools to see what happens)

but below 768px everything is OK (but again I’ve had to add some CSS to fix #header_main height).

PS. Trying to fix this would be an awful lot easier if the logo/header/menu classes were consistent but they seem to change between different screen widths… :-(

Hi John

For instance, in the top 4 featured blogs (not all posts have been filled in, but you can see there are two written out) – I would like to shorten the preview to potentially 100 characters max. Just the preview for the click through of the entire read.

Please let me know if that helps

Thank you

Here’s what I currently have in my Enfold Child Style.CSS sheet:

/*The following changes all header fonts from Chewy to Helvetica on Mobile Devices*/

@media only screen and (max-width: 1024px) {
.avia-caption-title, .avia-caption-content, body div .avia-button, h1, h2, h3, h4, h5, h6 { font-family: ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;}

.avia-caption-content p {font-size: 16px; line-height: 18px;}

#top .av-main-nav > li > a, #top .main_menu .menu li ul a {font-family: ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }
}
/*End of code that changes all header fonts from Chewy to Helvetica on Mobile Devices*/

/*The following increases caption font size and decreases button font size on Mobile Devices*/

@media only screen and (max-width: 1024px) {
.responsive #top .slideshow_caption .avia-caption-content p {font-size: 20px !important; line-height: 20px;}

.responsive #top .slideshow_caption h2 {font-size: 28px !important;}

#top .avia-slideshow-button.avia-color-light {padding: 8px 10px; background-color: rgba(0,0,0,0.2); font-size: 16px !important;}
}
/*End of code that increases caption font size and decreases button font size on Mobile Devices*/