Joomla Templates Club 406,261 posts

[ccbbam Friend ccbbamJoin date: June 2014Posts: 33Downloads:9Uploads:11 Thanks: 6]

#199368

Hello!

First of all, congratulations for the great work!

Would like to let you know that I have already tried templates from 4 other companies and even in so few days I am very happy to have given joomlart a try!

Please help me with some configuration issues, as I am adjusting the template in a test site, before installing and configuring the live site.

Live site has a main menu with many itens. I couldnt find a way to minimize empty spaces in sugite’s main menu. I tried to inspect with firebug but couldn’t find where to edit.

You can see what I am mentioning in attached image, please see yellow lines. Obs: I don’t need language selector.

Of course maybe I will have to change fontsize or even menu item titles, but first I would like to minimize these extra spaces then decide whaterver else would be needed.

Also please take a look at template loaded with iphone 4, portrait. when open, main menu itens are compressed to left, it would look better if could be seen clearer.

With logo, template should resize it or shall I have a smaller logo for iphone portrait view?

Best regards,
Cc

---

Attachments:

1. 
2. 

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

#540989

Is your issue mainly with the main nav display on mobile devices (i.e. iPhone)?

[ccbbam Friend ccbbamJoin date: June 2014Posts: 33Downloads:9Uploads:11 Thanks: 6]

#541121

Hi Tom, thanks for answering.

Let me make it clear. There are 2 different issues with main menu.

– In desktop there are many empty spaces and menu itens uses 2 rows, like attached image “menu”

– In iphone it looks like image “iphone”

thanks in advance,
Cc

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

#541161

you have not used JA Sugite template, you have used this template tz_simplelove_joomla

Following is the fix for Top Menu 2 line issue.

Go to this File: /templates/tz_simplelove_joomla/css/themes/default/template.css

1. Replace this code

.plazart-mainnav .navbar .nav > li > a {
font-size: 18px;
color: #fff ;
border-top: 0;
padding: 35px 31px;
text-shadow: none;
-webkit-transition: padding 0.5s ease 0s;
-moz-transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
transition: padding 0.5s ease 0s;
-webkit-backface-visibility: hidden;
}

With

.plazart-mainnav .navbar .nav > li > a {
font-size: 18px;
color: #fff ;
border-top: 0;
padding: 38px 10px;
text-shadow: none;
-webkit-transition: padding 0.5s ease 0s;
-moz-transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
transition: padding 0.5s ease 0s;
-webkit-backface-visibility: hidden;
}

2. Replace this code

#header > div .navbar .nav > li > a {
padding: 15px;
}

with

#header > div .navbar .nav > li > a {
padding: 15px 10px;
}

[ccbbam Friend ccbbamJoin date: June 2014Posts: 33Downloads:9Uploads:11 Thanks: 6]

#541189

Hello all,

Sorry for misunderstanding. I suppose that you took a look while I was testing the second option template.

I am still working on these 2 issues, but in sugite, that’s my main interest.

Which files / code shall I edit in sugite? also please where can I sent you privately the current testing version url, I was not able to find?

regards,
Cc

[yangyangli Friend yangyangliJoin date: July 2014Posts: 72Downloads:0Uploads:39 Thanks: 22 Thanked: 12 times in 1 posts]

#541208

The same exact issue exists for me as well on Sugite. :laugh:
The blank space appears on desktop, tablet, and phone. I would be interested in a fix.

On Sugite v1.0.0, this problem was not present. I believe the bug fix that solved “title text running into menu”, creating 2 columns, is causing this issue.

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

#541225

@ccbbam

Please click on my username and you can see private message link. please send the admin Url and admin login details in PM. so I could do see your site and fix this.

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

#541226

@yangyangli

Please post your site Url

[yangyangli Friend yangyangliJoin date: July 2014Posts: 72Downloads:0Uploads:39 Thanks: 22 Thanked: 12 times in 1 posts]

#541229

<em>@Chavan 435263 wrote:</em><blockquote>@yangyangli

Please post your site Url</blockquote>

Thank you for acknowledging my request for help.
Site URL: http://callitscience.com/
The only modifications made were changing logo, turning off CSS compression, and replacing favicon. Other than that, this is a pristine Quickstart installation.
The following image details the problem:

Hope this facilitates issue resolution, I look forward to your response.

---

Attachments:

1. 

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

#541238

@yangyangli

Go to this File:templates/ja_sugite/css/themes/blue/template.css

Remove this code


.head-right + .t3-mainnav { padding-right: 168px; }

1 user says Thank You to chavan for this useful post

1. yangyangli

[ccbbam Friend ccbbamJoin date: June 2014Posts: 33Downloads:9Uploads:11 Thanks: 6]

#541246

Hello all,

I have managed that with firebug.

I edited .css padding-right to 20px in /css/template.css. Before it was 168px (or something like that):

.head-right + .t3-mainnav {
padding-right: 20px;
}

Thanks again and keep up the good work!

Cc

[yangyangli Friend yangyangliJoin date: July 2014Posts: 72Downloads:0Uploads:39 Thanks: 22 Thanked: 12 times in 1 posts]

#541247

<em>@Chavan 435291 wrote:</em><blockquote>@yangyangli

Go to this File:templates/ja_sugite/css/themes/blue/template.css

Remove this code


.head-right + .t3-mainnav { padding-right: 168px; }
</blockquote>

Thanks, the problem has been fixed. I’ve downloaded a new developer browser, Maxthon, which will facilitate development. Hopefully in the future, I will be able to find these fixes myself!

[Author]

Posts