47 comments found

Really like this theme. Have just one question though.

It regarding the slider, when viewed on mobile screens, the slider-caption text disappears! Please let me know if this can be fixed?

UXbarn

Hi there!

Unfortunately, due to the terms, I could not provide that. Each item would need to be purchased separately.

Default-user
nusigma Purchased

I understand, was just trying my luck :D Will buy the WP version once the client approves the design. Cheers!

UXbarn

Cheers! ;)

how would you change the size of the header?

UXbarn

Hi,

You would need to manually edit the CSS for that.

In case you would like to check the CSS of the elements, I would recommend “Developer Tools” on Chrome or “Firebug” on Firefox to inspect the elements on the page. Then you can know which CSS selector to adjust.

Hi,

I’ve made my site but have noticed a responsive issue that isn’t evident on the wordpress version and was hoping you could help.

On the home page the three boxes (left one full length, right two half length)

when going into mobile view the images don’t scale to fit the screen,

http://awesomescreenshot.com/0453ldx9e7

any chance you can advice me on the HTML to fix this? occurs on your demo too.

Thanks so much

Aaron

UXbarn

Hi Aaron,

Please try this:

1. Open ”/js/archtek.js” file and search for this code:

if(width <= 479 || (width >= 768 && width <= 959)) {

2. Change it to:

if(width <= 767 || (width >= 768 && width <= 959)) {

This should help!

littleredpostbox

Hi. sorry its taken so long to reply. This hasn’t worked, if you resize the browser to almost phone size, you can see the images on the homepage fail to resize to fill their containers. This is still evident on your demo also.

many thanks

Aaron

UXbarn

OK. In addition to the previous fix, add below code into the “archtek.js” file:

$(window).resize(function() {
        var width = parseInt($('.content-width').css('width').replace('px', ''));
        if(width <= 767 || (width >= 768 && width <= 959)) {
            if($('.stretch-image').length > 0) {
                $('.stretch-image').each(function() {
                    var originalImg = $(this);
                    var parentTag = $(this).parent();

                    parentTag.backstretch(originalImg.attr('src'));
                    parentTag.find('div.backstretch').find('img').attr('alt', originalImg.attr('alt'));

                    originalImg.remove();
                });
            }
        }
    });

This should make it work when resizing the browser.

Please also clear all the web and browser caches after the update.

Beautiful design. Would this be easy to update to Foundation 5? Many thanks

UXbarn

Hi,

Thanks for your interest. :)

I have never tried updating the framework but I think there might be some code or CSS to adjust after updating.

You can also find the guideline from here: http://foundation.zurb.com/docs/upgrading.html

imig Purchased

Hello,

i just bought your template and realized an responsive issue right away and i hope you can help fix it. You can reproduce it also in your live preview. Load the website in 740px width:

http://cl.ly/image/0o2W2A1E2O3I

..and resize the browser window to >1200px. The home-slider image is not resized accordingly/properly:

http://cl.ly/image/2f3f1h082z0t

Can you please help fix this?

Best regards. Imig

UXbarn

Please try adding one more CSS into the ”/css/archtek.css” file:

#home-slider-container .caroufredsel_wrapper {
    height: 100% !important;
}

I just updated and cleared the CDN caches of the demo site. It should be fine this time.

Anyway, I could not see your site. I only see a default page. (screenshot: http://cl.ly/image/151J2t0e052e ).

imig
imig Purchased

Now it works. Good job. Thank you!

UXbarn

You are welcome!

I’ve obviously manages to tweak something silly here, but for some reason the menu no longer highlights the active page. It just stays on Home, no matter what page I’m on.

any ideas?

Many thanks in advance

Aaron

UXbarn

Hi Aaron!

If you are using HTML version, just be sure to include the “active” CSS class on the menu item. For example:

<a href="about-us.html" class="active">Home</a>

But if you are using PHP version, make sure that at the top of the PHP file, you have this code (the code below is for About Us page):

<?php
$page = 'about';
$title = 'About Us | Archtek.';
?>

And in the “template-header.php” file, put the code like this into the menu item to echo the “active” class when the $page variable value is “about”

<?php if($page == 'about') { echo 'class="active"'; } ?>

You can also see all of these examples in the purchased package.

lfell Purchased

Hi, brilliant theme,

trying to get fancybox to work on the portfolio. how do I do this, please?

Thank you

UXbarn

Hi there!

So you have purchased the HTML version and I could see the badge now. :)

Did you mean you want to use fancybox on the portfolio items (portfolio thumbnails)? If so, unfortunately there is no code for that out of the box. You would need to manually customize the code to implement that.

For the guideline, please open ”/js/archtek.js” and you will see that the fancybox initialization will call the element with ”.image-box” class. Just apply this class to the anchor tag that wraps around the image.

You can find the obvious example in “gallery-1.html” and “gallery-2.html” files about how to use fancybox on images.

Default-user
lfell Purchased

I’ll give that a go, thanks for your help. I really do think your templates are great – especially with the php option.

UXbarn

Thank you! :)

by
by
by
by
by
by