20 comments found.
Hello, thank you for this nice joomla theme. I installed the template from quick install folder successfully. When I open the site from http it works fine. When i load with https the template is broken (no fonts, no buttons, not the same at all). What causes this problem? How can i fix it?
Hello! Thanks for question!
Pay attention that is HTML template (see the product title), please leave your question here: https://themeforest.net/item/pet-salon-pet-grooming-joomla-template-with-page-builder/23847558
Best regards!
After running _builder.html I don’t see the content editing panel. I tried to run it on Firefox chrome and IE – failure. The panel for editing content in boxes does not appear.
Hello! Thanks for purchase!
Can you please clarify do you have same problem on our demo page?
http://webdesign-finder.com/html/petsalon/_builder.html
Best regards!
Everything is fine with that. Some files did not upload to the server. Now it’s ok
Hi, how can I make that slider (picture) will be visible under header_half_transparent ? Thanks
Add please this part of code in your index.html in your header:
<div class="header_absolute">
<header class="page_header">
...
</header>
</div>
Change please this part of code in header: Before:
<div class="header_absolute">
<header class="page_header header_white toggler_left with_top_border item_with_border affix-topr">
...
</header>
</div>
After:
<div class="header_absolute">
<header class="page_header header_darkgrey header_half_transparent toggler_left with_top_border item_with_border">
...
</header>
</div>
Add please this part of code in your main.css at the end:
.header_absolute {
position: relative;
}
.header_absolute .page_header, .header_absolute .page_header_wrapper {
left: 0;
position: absolute;
right: 0;
z-index: 1002;
}
.page_header.affix {
position: fixed !important;
z-index: 1001;
}
.header_absolute .page_header_wrapper.affix-top-wrapper {
background-color: transparent !important;
}
Best regards!
Thanks a lot !!! works perfect
but I have one more problem 
I wont in slider – 3 partitions: col-sm-3 + col-sm-6 + col-sm-3 with descriptions in container-fluid
but it doesnt work – the width of first partition isnt width col-sm-3 but more
here is my code:
<section class="intro_section page_mainslider ds ms fluid_padding_0">
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/banner.jpg" alt="" />
<div class="container-fluid">
<div class="row">
<div class="col-sm-3">
<div class="slide_description_wrapper text-left">
<div class="slide_description">
<div class="intro-layer" data-animation="fadeInUp">
<a href="about.html" class="theme_button color3">Make an Appointment</a>
<p>Drumstick flank pork chop pastrami tenderloin. Turkey bacon cow beef ribs salami pork loin kevin
fatback alcatra shankle turducken landjaeger ground round. Jerky beef turkey.
</p>
</div>
</div>
<!-- eof .slide_description -->
</div>
<!-- eof .slide_description_wrapper -->
</div>
<div class="col-sm-6">
<div class="slide_description_wrapper text-center">
<div class="slide_description">
<div class="intro-layer" data-animation="fadeInUp">
<a href="./" class="logo top_logo">
<img src="images/logo2.png" alt="" />
</a>
</div>
</div>
<!-- eof .slide_description -->
</div>
<!-- eof .slide_description_wrapper -->
</div>
<div class="col-sm-3">
<div class="slide_description_wrapper text-right">
<div class="slide_description">
<div class="intro-layer" data-animation="fadeInUp">
<a href="about.html" class="theme_button color3">Contact</a>
</div>
</div>
<!-- eof .slide_description -->
</div>
<!-- eof .slide_description_wrapper -->
</div>
<!-- eof .col-* -->
</div>
<!-- eof .row -->
</div>
<!-- eof .container -->
</li>
</ul>
</div>
<!-- eof flexslider -->
<div class="scroll_button_wrap">
<a href="#about" class="scroll_button">
<span class="sr-only">scroll down</span>
</a>
</div>
</section>
<section class="intro_section page_mainslider ls ms">
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/slide01.jpg" alt="" />
<div class="container-fluid text-center">
<div class="row">
<div class="col-sm-12 ">
<div class="slider-columns">
<div class="col">
<a href="about.html" class="theme_button color3">Make an Appointment</a>
<p>Drumstick flank pork chop pastrami tenderloin. Turkey bacon cow beef ribs salami pork loin kevin fatback alcatra shankle turducken landjaeger ground round. Jerky beef turkey.
</p>
</div>
<div class="col">
<a href="./" class="logo top_logo">
<img src="images/logo.png" alt="" />
</a>
</div>
<div class="col">
<a href="about.html" class="theme_button color3">Contact</a>
</div>
</div>
</div>
<!-- eof .col-* -->
</div>
<!-- eof .row -->
</div>
<!-- eof .container -->
</li>
</ul>
</div>
<!-- eof flexslider -->
<div class="scroll_button_wrap">
<a href="#about" class="scroll_button">
<span class="sr-only">scroll down</span>
</a>
</div>
</section>
And add this part of code at the end of your main.css at the end
.flexslider .intro_section .row {
display: flex;
height: 100%;
}
.flexslider .intro_section [class*="col-"] {
justify-content: center;
display: flex;
align-items: center;
}
.flexslider .slider-columns {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.intro_section [class*="col-"] {
height: 100%;
justify-content: center;
display: flex;
align-items: center;
}
.flexslider .slider-columns {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.flexslider .slider-columns > * {
flex: 1 1 25%;
}
.flexslider .slider-columns > *:nth-child(2) {
flex: 1 1 50%;
}
.intro_section .flexslider .container-fluid, .intro_section img + .container-fluid {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.intro_section .flexslider .container-fluid .row {
height: 100%;
}
@media (max-width: 992px) {
.intro_section .flexslider .container-fluid {
position: static;
width: auto;
max-width: 100%;
}
}
@media (max-width: 992px) {
.flexslider .slider-columns {
display: block;
}
}
Best Regards!
I would like a refund for this item. I intended to receive the stock photography with this purchase. This site doesn’t tell you the stock photography is blurred. I can’t even use this now.
Nevermind. No refund needed. I’ll work with what I have.
Hello! Thanks for purchase!
Thanks for inform us know about a positive result.
Best Regards!
Hi i have purchased your template, while working on it to make fit my website, i have a quick question, when I open the home page on a browser i get an undefined word in the browser’s tab, how can I fix this? this doesn’t affect the functionality of my website but I sure would like to know how to get rid of that word, I also would like to know where I can set the Icon that shows up on the browser’s tab
Thanks for your support. Walter
Hello! Thanks for purchase!
Can you please clarify about your issue or can you provide a screenshot please?
Best Regards!
Hi WPRollers,
I recently purchased your theme Pet Salon – Pet Grooming HTML, but have been having some difficulty with the the google maps integration for some reason 3/4 times out of 10 the google map will not load on the page, this happens within your demo website. I was wondering if you could shed any light on this or have a solution to this problem?
Any assistance would be greatly appreciated, I look forward to your response.
Many Thanks
ENMEDIAUK
Try the following:
1. In your main.js file find google map initialization code. lines 1137 – 1194 in original file:
//Google Map script
var $googleMaps = jQuery('#map, .page_map');
if ( $googleMaps.length ) {
$googleMaps.each(function() {
...
...
...
});
}); //each
}//google map length
2. Call $window.ready event, cut and paste the above code in it’s callback function. In result your code should look like this:
$window.on('load', function(){
windowLoadInit();
// color for placeholder of select elements
jQuery(".choice").on('change', function () {
if(jQuery(this).val() === "") jQuery(this).addClass("empty");
else jQuery(this).removeClass("empty")
});
}); //end of "window load" event
$window.ready(function() {
//Google Map script
var $googleMaps = jQuery('#map, .page_map');
if ( $googleMaps.length ) {
$googleMaps.each(function() {
...
...
...
});
}); //each
}//google map length
});
3. Save your changes and hard refresh your browser
Hi when using the booking form i get this error when pressing make an appointment
“name” variable were not received by server. Please check “name” attributes for your input fields
Open please your page with booking form in some code editor and find this line of code:
<input type="text" aria-required="true" size="30" value="" name="pickup-name" id="pickup-name" class="form-control" placeholder="Full Name">
Try to change its name attribute form “pickup-name” to “name”
<input type="text" aria-required="true" size="30" value="" name="name" id="pickup-name" class="form-control" placeholder="Full Name">
Hi
I have used header 1 and when it is on a mobile or smallest window the menu goes into the blue background so only the top line is visible. please can you help me fix this issue?
Thank you
Hello,
Can you please provide a link to your site so we could inspect the issue?
westyleanydog.com
Try the following:
1. Remove hidden-xs class from socials buttons column:
before
<div class="header_right_buttons display_table_cell text-right hidden-xs">
...
</div>
after
<div class="header_right_buttons display_table_cell text-right">
...
</div>
2. Add this code to the very bottom of your main.css file:
@media (max-width: 991px) {
header [class*="col-"] {
margin-top: 10px;
margin-bottom: 10px;
}
}
Hi that has worked thanks for the quick fix
Hi this template is beautiful, but there’s a problem on chrome: in the one page version, the scroll doesen’t work (in firefox and safari it works). Could you help me fixing this bug? Thanks
Following jQuery plugins must be updated:
https://github.com/flesler/jquery.scrollTo
https://github.com/flesler/jquery.localScroll
Here is link to new compressed.js file with updated plugins.
http://webdesign-finder.com/files-for-users/petsalon-compressed.zip
Just replace your compressed.js file in js/ folder with new one
thank you very much
Congratulations! Nice Work, Good Luck With Sale.
Thank you!
Hi… Nice theme… Purchased. Please let me know how to change text on slides to Color: White Thanks!
Try to change section class from ls (light section)
<section class="intro_section page_mainslider ls ms">
...
</section>
to ds (dark section)
<section class="intro_section page_mainslider ds ms">
...
</section>
Great… thank you!
Good Work Best of Luck With Sales
Thank you!
Amazing Work, Good Luck With Sale 
Thank you!
cool stuff, fantastic work ! big sales to you and a nice weekend
Thank you! 
Congratulations! Nice Work, Good Luck With Sale
Thank you!
Very Amazing Work! GLWS
Thank you!
