Joomla Templates Club 406,261 posts

[salirporbenidorm Friend salirporbenidormJoin date: December 2012Posts: 25Downloads:13Uploads:9 Thanks: 16]

#500035

@media (max-width: 767px) {
.logo-image a {
background-size: 482px 80px;
}
}


[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500075

Hi salirporbenidorm,

These codes are correct, & these will be effective on tablet portrait and mobile view. Please send me PM with the front-end access login of your website if you still get that syntax error with Firebug.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500149

Hi salirporbenidorm,

The syntax error is caused the wrong calling new custom.css file in templates/ja_hawkstore/etc/assets.xml. The file should be:

<?xml version="1.0" encoding="utf-8"?>
<assets>
<scripts>
<file>js/jquery.nicescroll.js</file>
<file>js/script.js</file>
<file>js/javmprices.js</file>

</scripts>
<stylesheets>
<file>css/browserfix.css</file>
<file>css/custom.css</file>
</stylesheets>
</assets>

Note: You don’t need to write a logo variable in your header.php while you had the logo defined in …/template.css file.

[salirporbenidorm Friend salirporbenidormJoin date: December 2012Posts: 25Downloads:13Uploads:9 Thanks: 16]

#500172

hi_
i did remove the custom.css but the logo still with the same problem
thx

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500175

Hi salirporbenidorm,

This issue is related to the span width of your logo in header.php file, not custom.css file. You can change span4 to span6, your logo will display correctly.

1 user says Thank You to phong nam for this useful post

1. salirporbenidorm

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#501856

Does anyone realise how ridiculous it is that EVERY TIME when Joomlart brings out a new template, that is every month, every single template buyers has to jump through loops to figure out how to perform a basic task such as changing the size of the logo. In this particular case, the thread already has two pages of entries, and there are still no easily to follow instructions. This is ridiculously frustrating. Why can’t you guys simply have a setting in the template configuration settings where the user can enter the width, height, location and name of the logo, along with his choice of template style?! Or at least provide – immediately when releasing the new template – easy to follow step by step instructions how to change the logo, including its size.

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#501858

<em>@Leo Burnetts 381883 wrote:</em><blockquote>After changing the logo span, you also need to reduce the main menu width to span8.</blockquote>It would be helpful if you explained how to do that at the same time.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501871

Hi Andrew,

When you open templatesja_hawkstoretplsblocksheader.php, you will see that we defined the restricted width of logo with span3 and span9 to main menu’s width.

In this case, you will need to increase the span of logo when its width is bigger than 249px on the desktop view. i.e: change span3 to span_x until you get perfect. You can refer the exact pixel of the span on device’s resolutions in templatesja_hawkstorecssbootstrap-responsive.css file.

1 user says Thank You to phong nam for this useful post

1. Andrew Winkler

[Author]

Posts