Joomla Templates Club 406,261 posts

[missioneyes Friend missioneyesJoin date: October 2010Posts: 51Downloads:1Uploads:7 Thanks: 8 Thanked: 1 times in 1 posts]

#193503

In JA Brisk,

I have resized my logo to:

.logo-image a {
background-image: url(“../images/logo.png”);
background-repeat: no-repeat;
width: 250px;
height: 80px;
}

in template.css

I have tried to turn off the search module and have my menu move all the way to the right since I have 5 or 6 in the main menu.

My issue is at tablet sizes, I am having issues with the menu and logo overlapping. This is not a problem in the phone size or in the wide screen.
I have tried to find the fix in other threads but can’t quite figure it out. It doesn’t appear that there is any size in the bootstrap – responsive.css which is where I’m looking.

http://powermail4joomla.com/pmj25/

Thanks

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#517486

Please open …templatesja_brisktplsblocksheader.php file and replace:

<div class="ja-logo span2">

with:

<div class="ja-logo span2" data-xtablet="span4">

Hope it helps.

[missioneyes Friend missioneyesJoin date: October 2010Posts: 51Downloads:1Uploads:7 Thanks: 8 Thanked: 1 times in 1 posts]

#517544

This has helped quite a bit. However there is still one width that is an issue – it appears to be at width 992 – 1185

Stan

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#517595

Regarding the issue ‘width 992 – 1185’, please open …templatesja_brisktplsblocksheader.php file and replace:

<div class="ja-logo span2" data-xtablet="span4">

with:

<div class="ja-logo span2" data-xtablet="span4" data-normal="span4">

Hope it helps.

1 user says Thank You to Css Magician for this useful post

1. missioneyes

[missioneyes Friend missioneyesJoin date: October 2010Posts: 51Downloads:1Uploads:7 Thanks: 8 Thanked: 1 times in 1 posts]

#517733

that did it. Anywhere we can learn about how these span4 and span2 and span8 apply and how to utilize this better? I have watched several tutorials but would have never come up with this idea.

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#517744

Those relates to grid in Boostrap 2, I highly encourage you have a look at this guide http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

[Author]

Posts