Discussion on Uncode - Creative & WooCommerce WordPress Theme

Discussion on Uncode - Creative & WooCommerce WordPress Theme

By
Cart 133,863 sales
Recently Updated
Well Documented

undsgn supports this item

Supported

This author's response time can be up to 2 business days.

8593 comments found.

Hey! I use first row as a header with transparent menu and blur option. Looks nice when I have the menu on a light background. But when I use dark background (white menus) on some pages and when I scroll down, the sticky transparent menu still contains the white menu. Makes sense because I have assigned menu on dark background. But is there a way to switch the transparent sticky menu to “light” background once I scroll down? https://snipboard.io/yLOAjD.jpg This is transparent sticky on dark background https://snipboard.io/Gu2rsx.jpg It doesn’t really look nice as the light background https://snipboard.io/3S4TyM.jpg Ty :)

Hi Businezz98! We are sorry but it’s really not easy to understand from these small screenshots. Please share the live link. You can also check if you need the Menu Transparent on Scroll option with Menu Skin Changing Scroll: https://support.undsgn.com/hc/en-us/articles/4550450886801-Menu-Transparent-on-Scroll

Hi, i use a transparent menu and it is transparent sticky as well.

I also use both, light and dark backgrounds,s where the menu colors are changed to white and black, for example, when I use these 2 options.

When I scroll down and the transparent menu is sticky on a dark background https://snipboard.io/Gu2rsx.jpg, it’s kinda blended into the background. I was wondering if there was an option to use specific menu colors when it’s sticky only.

Hi Businezz98! As explained, without a working link, it’s not possible to understand the scenario better if it’s not something similar to something we have in our demo. If you don’t want to share the link, feel free to open a ticket in the official Help Center: https://support.undsgn.com/hc/en-us

Hey, another question. It looks like the native pull-down-to refresh on the mobile browser doesn’t work. To refresh the page I have to type the URL again, instead of using the native mobile browser option to pull down the page to refresh it. Is it disabled in the theme or there’s any setting to enable/disable this? I prefer to use the native pull-down refresh instead of entering the URL again just to refresh the page. Ty

All good, i’ll switch to Yoast, i don’t wanna forcefully have this archive page indexed if I don’t need it. You may have to check this compatibility with other SEO plugins and put it on a to-do list, maybe. This is the setting on Yoast https://snipboard.io/vLodT0.jpg where I have it disabled, and it’s not showing on the sitemap, and it’s not indexed by search engines. This setting is missing on other plugins: Rank Math, and All in one SEO.

Thanks for the support and the great theme you provide. Here’s a solution for Rank Math, if anyone else wants to set this archive page to NOINDEX NOFOLLOW

add_filter( ‘rank_math/frontend/robots’, function( $robots ) { if(is_archive(‘portfolio-archive’)) { //update to match the actual CPT name $robots[‘index’] = ‘noindex’; $robots[‘follow’] = ‘nofollow’; } return $robots; });

Hi Businezz98 and thank you for sharing a possible solution. I’ll leave a note for the developers.

Question about video background in a row. I use this layout https://undsgn.com/uncode/homepages/creative-lab/ and on the second row instead of click to open video i use self hosted video as a background. All works good on desktop, but on mobile the row is not resized to display full video, instead looks like it’s cropped in the center and that’s the only part i see. I enabled responsive auto height, i tried background size in cover, initial, auto, and I also tried row height auto instead of full. I also enabled mobile from the media library on the video itself. None of these options works for mobile. Is there any other way to have a full video background displayed on mobile instead of being cropped in the center? Or is there any other way to have the video on auto play looking decent on mobile and desktop it doesn’t have to be background, but still keep the same row scrolling effect? I don’t use any other element in the row. Thanks

Hi Businezz98! You should evaluate including the video as a Media element rather than as a background. When used as a background, the video covers the area (even on desktop, the area is defined by the Row and not by the video size). You can find more information in this article: https://support.undsgn.com/hc/en-us/articles/213459809-Background-images-and-videos-are-cut-off
Another quick solution would be to give the Column a minimum height on mobile, for example: https://undsgn.d.pr/i/D7Q8rj

Thanks

Thank you for the confirmation!

luia

luia Purchased

I hace two license but only works well one in the another one answer isnot posible activate plesase I nee help Thank you

Hi luia! Next to the error message you probably have, there is a ‘More Info’ link that takes you to a documentation page with all the information you need. If you haven’t seen it in a nutshell, please send a private message using the form you find on this page and include your Purchase Code: https://themeforest.net/user/undsgn

https://eazyweight.com/marinabudarina-design-webdesignmastery/

idk what happened to this full page. what is the reason?

Hi souhaibzarhoni10! We’re sorry, but from here we cannot determine the exact cause of the problem. It appears you may have an unclosed tag or a corrupted shortcode. Try copying and pasting one section at a time onto a new page to identify which element might be creating the issue.

I would like to change the link hover color for a specific section of a page is there a way to do this as it currently will only default to the accent color.

Hi jaythegreat7! We are sorry but this is not an option, in fact, it’s not something common. Anyway, it’s possible with a few lines of extra codes and a specific class name applied to the Row. Please insert a custom class name in the Row Settings > Extra > Class Name, share the link of your page and the class name you used so we can help, ex: https://undsgn.d.pr/i/xAlkZZ
Anyway, if you need support is offered in our Help Center, there we have a completely dedicated support team, please submit a ticket so we can check your installation and support the solution: https://support.undsgn.com/hc

Hi Thanks,

The class name is: hcfooter

Hi jaythegreat7! As referenced in the previous message, we also need the link to this page. Without seeing it, it’s not possible to create code based on your specific settings. If you prefer private support, please open a ticket.

Hi, I would like to know, for purpose of changing some code for my checkout plug-in, and making sure the translation works, what is the text domain of the child theme?

Hi officialjduarte! We are really not sure about this request… anyway in the Child Theme you can find this so probably what you need is “uncode”:

load_child_theme_textdomain('uncode', get_stylesheet_directory() . '/languages');

Hi, is it possible to have and manage more than 3 variables (sizes, colors, width, height, ecc..) per product? Does template support that? Thank you

Hi please Can you reset my license, it was used on a project that no loger exists and I would like to use it on my new website with a new url. Thank you!

Hi katjagry! We are snot sure to understand this request, sorry. Anyway, next to the error message you probably have, there is a ‘More Info’ link that takes you to a documentation page with all the information you need. If you haven’t seen it in a nutshell, please send a private message using the form you find on this page and include your Purchase Code: https://themeforest.net/user/undsgn

Thank you for the quick reply! It says that I have exceeded the number of sites I can use it on. So Therefore I hope that you can reset it (its not being used anymore on the other site) so I can use it on this site. I still only want to use it on one project, but I believe im getting this error message sine I use it on an old site that no longer exisists. Thank you :)

Hi katjagry! We are afraid I don’t understand your claim that the old site no longer exists and therefore you need to register a new one. In any case, as we wrote above, you need to contact us through our profile and provide your License so we can examine the details.

Hey guys, we would love to replicate a squarespace liquid animation (little ripples) on a logo on one of our website, and I wonder if this is something we can do natively on Uncode, I’ve seen you introduced many new features recently. Or otherwise is this something we could easily integrate via custom css/js? Thank you!

Hi atercervus! We are sorry, but we are really not sure what you are referring to. Can you please explain or share some resources?

Apologies I wasn’t very clear, please check an example here, large logo animation at the very bottom of the page, in the footer: https://tinyurl.com/4946f2pr

Hi atercervus! Yes, we confirm that this is not part of Uncode. This is a very particular effect that can be created with custom JavaScript… for example, you can use the Raw HTML and Raw JS modules, to insert the required codes in the page, and try to search on Google for “liquid js effect on image”.

Hello Undsgn! Actually I don’t know wordpress and also coding at all but just following your youtube manual giving me joy of creativity. I watched all and made by myself more than half of my portfolio page! Thanks :)

There two things I cannot solve the first one is,

when I enter your demo page Works – Portfolio Lists one – Portfolio Matrix then It shows the placeholder image filled with the representative color of the thumbnail image, and then thumbnail animation begins for example, the ipad thumbnail starts from yellow. Could you please tell me where I can use this function?

Second one is.. click Rayban thumbnail at the Portfolio matrix page then I can see a light line on the navigation bar(<prev ::: next>). Maybe its very simple if i insert css code but want to make it in Uncode theme option. Can you know me where it is?

Thanks!

Hi ladysoverign and thank you for appreciating Uncode and the video tuts! :)
1. Do you mean these kinds of animations that were introduced with the latest update? https://support.undsgn.com/hc/en-us/articles/24996334554269-Thumbs-Mask-Color-Parallax
2. We are sorry but we don’t get this request. Can you please create a screenshot?
Anyway, if you need support is offered in our Help Center, there we have a completely dedicated support team, please submit a ticket so we can check your installation and support the solution: https://support.undsgn.com/hc

how fast! 1 is perfectly works! thanks! :) i made screenshot for question 2 but don’t know how to upload here :D well I can say that it is a border line of full width navigation section but only the top line is visible, not the left, right, down. maybe it’s just a line between content – navigation haha sorry can you understand? I am so amateur so that explain as well.. if you don’t understand then please don’t mind! okay I will use support menu next time! :) I will recommend this to my friends! thanks!

Hi ladysoverign! We are sorry but we are still not sure to get it, this is what we see: https://undsgn.d.pr/v/hk5xBV
Here is not possible to upload images, in the case you need to use one of the free upload services and share the link.

Is there a way to add icons on drop-down menus when we have selected Off Canvas or centered mobile menu?

@media (max-width: 959px) {
    .menu-mobile-centered .menu-smart:not(.top-enhanced-inner) li:not(.social-icon).menu-item-has-children .fa[class*=fa-angle-] {
        display: inline-block !important;
    }

    .menu-mobile-centered .menu-smart:not(.top-enhanced-inner) li:not(.social-icon).menu-item-has-children li .fa[class*=fa-angle-] {
        display: none !important;
    }
}

Perfect! Thank you so much!

Thank you for the confirmation! ;)

Hello, it’s again. I’m in the beginning of the curve learning so I got a lot of questions . Anyway…

In some you demos and section of feature “Vertical Align Justify” section i find this https://prnt.sc/eUZo7Tfq34nw and https://prnt.sc/q44-c78XK_gT

Only one thing that I want from this is to know how did you make the image touch the edge of the column without touching off-grid settings.

Because I got the wireframe and start analyzing it and make the exact copy of everything but it didn’t gimme same results.

Hi souhaibzarhoni10! I understand that you have many questions, and that’s why, during the 6 months or year of active support, you have access to the official Customer Support, the tool specifically designed for this type of assistance. As it seems you were suggested in the Facebook group, from an image of our demo we certainly cannot understand what you’re doing wrong, you should link your site so we can see your scenario.

Yeah! But in my case I couldn’t use uncode until the support expired.

About the site I prefer to give you the link from you site: https://undsgn.com/uncode/features/vertical-align-justify/

In the second section, I wonder how to align the images in bottom touching the edge of the column.

I knew about vertical align justify but this specific detail not.

Thanks ❤️

Hi souhaibzarhoni10! The fact that you didn’t use Uncode during the entire assistance period isn’t something you can claim against us. This is similar to a product warranty that expires whether it’s used or not, though it can always be renewed. We’re simply trying to explain that without seeing your website or having access to it, it’s quite challenging to help you effectively with just words. For instance, while I’m very familiar with our design system, without seeing your specific implementation, it’s difficult to identify what might be causing issues. Private support would make this process much easier as it happens in a confidential environment, whereas here you would need to share your link publicly.

I wanna create a section that has 5/6 + 1/6 rows on phones and tablets.

I can set 2/12 for the mobile column width as for 1/6

But… for the row of 5/6 I couldn’t set the tab or mobile column width to 10/12, I had only one option (9/12). https://prnt.sc/06HAYGjHnFZ3

And that destroys the design because the elements look aligned to the right. Especially when I add content. As you can see: https://prnt.sc/lEoqRmN2A4SM

Is there any solution or advice? I’ll be very happy!

Hi souhaibzarhoni10! The options you see are those available in the module, so you need to work with the values at your disposal. For example, you could try using 8/12 and 4/12.

Ok thanks

Thank you for the confirmation!

Hello,

Do we have the option to use a one-page layout instead of multiple pages?

Hi tnavabr19! Yes, sure, there are also a few examples on our demo, here you can find a dedicated doc and video tutorial: https://support.undsgn.com/hc/en-us/articles/214006065-One-Page-Scroll

Hi, I’m building a single post design, type “Content block”. I can’t find any element to display current post tags. There’s no tags in “Info Box” element. Should be somewhat obvious but I’m really struggling with this. Is this possible or through custom function only?

Hi konfeta! Yes, we are sorry but the Info Box element has Date, Categories, Author, Comments and Reading time. Unfortunately, it’s not something we can suggest just a few line of CSS code here to make it working.

Hello, man! I hope you are so well

I wish if I could have some recommendations from you that help me create a horizontal timeline progress using uncode such as this: https://prnt.sc/Ju8sNqeN-3fn

But the real target is to create something like https://prnt.sc/iE6ntncFTVuW or like this on the phone: https://prnt.sc/kNEqJemJxzm-

I hope you the best guys

Hi souhaibzarhoni10! Both examples can be created with the Grid System. For instance, the first example consists of just four Columns with an Inner Row inside. You might need a few lines of CSS to create the horizontal line. Unfortunately, without having a mockup to work with, it’s really difficult to provide more detailed guidance from here.

Thank you for helping me!

First one done ✅

But… the desired one is the second, I find it diffecult. we have two inner rows that in large screens as laptops will be HORIZONTAL so one on top of the other.

& in small one will be VERTICAL i.e one next to other with the same info.

If you have some advises I’ll be glad

Hi souhaibzarhoni10! We are sorry, but this isn’t something we can guide you through verbally. This would require creating a section with all the necessary options and additional CSS. It’s not something that can be explained with words alone from a message. I hope you understand.

Hello! We liked your ‘about minimal’ and ‘contact minimal’ pages but it seems like scrolling is limited to only show the top row on those pages? We wanted to add more content after the image/black background with text at the top, but even when we can see it on our frontend/back end editor, the page won’t scroll odown once we view it. How can we achieve this?

Hi tamaralopez! If you started from our Demo Contents, please note that these pages have this option that you should remove: https://undsgn.d.pr/i/acShuT
Anyway, if you need support is offered in our Help Center, there we have a completely dedicated support team, please submit a ticket so we can check your installation and support the solution: https://support.undsgn.com/hc

Hello, I moved my website from “daystoretr.com” to “daystore.com.tr”.Now I can’t activate my Uncode license because it says I have exceeded the number of activations allowed.

What are the steps I need to follow to assign my license to my new domain name?

I want to do this process myself because the support license has expired. I don’t want to buy a support license for just one process.

Thank you!

Hi daystoretr! Next to the error message you probably have, there is a ‘More Info’ link that takes you to a documentation page with all the information you need. If you haven’t seen it in a nutshell, please send a private message using the form you find on this page and include your Purchase Code: https://themeforest.net/user/undsgn

Is there a way to have tags with the wording “Before” and “After” in the before/after image module? This way visitors know which one is which.

Hello, I’m sorry, there isn’t a feature like that. However, you can try an approach via CSS. You can use, for instance, :before and :after pseudo-elements. This is a very basic approach, consider it as a starting point for your further customizations, since this falls outside the scope of the regular support.

.twentytwenty-wrapper:before {
    background: rgba(0,0,0,0.75);
    border-radius: 4px;
    bottom: 20px;
    color: #ffffff;
    content: 'Before';
    display: block;
    font-weight: 600;
    left: 20px;
    padding: 4px 8px;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    z-index: 20;
}
.twentytwenty-wrapper:after {
    background: rgba(0,0,0,0.75);
    border-radius: 4px;
    bottom: 20px;
    color: #ffffff;
    content: 'After';
    display: block;
    font-weight: 600;
    padding: 4px 8px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    text-transform: uppercase;
    z-index: 20;
}

Anyway, if you need support, it’s provided through our Help Center, where we have a dedicated support team. Please submit a ticket so we can check your installation and assist you in finding a solution: https://support.undsgn.com/hc :)

Thanks, looks good.

You’re welcome. All the best :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey