Joomla Templates Club 406,261 posts

[soam jena Friend soam jenaJoin date: September 2014Posts: 46Downloads:0Uploads:7 Thanks: 7 Thanked: 1 times in 1 posts]

#198870

Hello there,

I am using your JA BRISK template and developed a site.But the problem i am facing is that the header part is not respoinsive on mobile.Specially the Logo.

What i need is that the logo to be responsive and also the search to be placed properly.How can i accomplish this ??

See the attached: The site view of your template on mobile.

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#539010

Ja_Brisk demo page appears correctly on mobile version for Logo and search position.

anyway if you can post here the url to your website we can better check it .

---

Attachments:

1. 

[soam jena Friend soam jenaJoin date: September 2014Posts: 46Downloads:0Uploads:7 Thanks: 7 Thanked: 1 times in 1 posts]

#539011

Here is the url of the site:

http://joomla.soamjena.com/mirus/index.php?lang=en

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#539014

Your logo is 162 px wide respect the default 80 px logo

To avoid this you should load a customized logo image for the mobile layout , so in your custom.css file you can add

@media (max-width: 767px) {
background-image: url("../images/yournewimage.png");
background-repeat: no-repeat;
width: 80px;
height: 50px;
}
}


Remember also to modify the margin-left in this file ja_brisk/ css/template-responsive.css line 1459

.ja-header .ja-logo {
margin-left: 0; <-------This is a duplicated info
left: -104px; <-----------that's your actual settings
position: absolute;
width: auto;
}

Hope that helps

[Author]

Posts