Joomla Templates Club 406,261 posts

[potts Friend pottsJoin date: December 2013Posts: 50Downloads:0Uploads:11 Thanks: 30 Thanked: 4 times in 1 posts]

#196958

In Firebug, it looked like if I changed a certain parameter in

http://184.154.160.16/~johnmiln/newjoomla3site/t3-assets/dev/plugins.system.t3.base.less.grid-ext-responsive.less.css

then the Ja Brisk Main Menu would move over to the RIGHT, creating more space between the Logo and the Main Menu but it did not work. The Logo moved over with the Main Menu.

The space allotted for the Ja Brisk Logo is much too small so I widened it to 161 px. Now, as you change the Browser size in responsive fashion, the Logo bumps into the Main Nav Bar.

Does anyone know how I can accomplish creating a space between the logo and the Menu AND KEEP RESPONSIVENESS??
http://184.154.160.16/~johnmiln/newjoomla3site

To be honest, I’d rather have the Logo ABOVE the Main menu because I am limited to 6 Menu Items right now. If the Logo were ABOVE the Main Menu, then the Menu would go full width and I could have more items.

Someone else asked this for Ja Lead but the answer does not apply to this template.
:((:((:((:((:((

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#531826

Is this “overlap” effect occurring in a certain browser?

I ask because when I view your site in Firefox, there is no overlap at all.
In fact, there looks to be about 40-60px worth of space between your logo and the first item of the main nav.

1 user says Thank You to TomC for this useful post

1. potts

[potts Friend pottsJoin date: December 2013Posts: 50Downloads:0Uploads:11 Thanks: 30 Thanked: 4 times in 1 posts]

#531828

Thanks Tom…you have to re-size the window as though you were on a mobile device. At tablet size it happens. Look at my attachment, you can see what happens and it happens on all browsers.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#531858

go to this File: templatesja_brisktplsblocksheader.php

1. Replace this code

<div class="ja-logo span2">

with

<div class="ja-logo span4">

[Author]

Posts