Joomla Templates Club 406,261 posts

[7of9 Friend 7of9Join date: December 2010Posts: 579Downloads:81Uploads:66 Thanks: 162 Thanked: 25 times in 3 posts]

#200426

Hi,

I am facing the following two problems:
1. I have installed a second language (el-GR) and when I am changing to it the menu seems to start more to the left, covering part of the logo.
2. I have selected as default theme the Blue color. However, when I resize the browser window and the main menu is hidden, the theme changes back to black.

Please advice.

PS: You can see my site at: http://178.63.80.207/~kronosin/

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#545609

Please find my answers with your question below

<blockquote>1. I have installed a second language (el-GR) and when I am changing to it the menu seems to start more to the left, covering part of the logo.</blockquote>

Look at both menus on your site

<blockquote>el-GR: ΑΡΧΙΚΗ ΜΕΤΑΚΙΝΗΣΗ ΕΞΑΓΩΓΕΣ ΕΙΣΑΓΩΓΕΣ ΠΕΡΙΟΧΗ ΠΕΛΑΤΩΝ ΣΧΕΤΙΚΑ ΕΠΙΚΟΙΝΩΝΙΑ
en-GB: HOME MOVING EXPORTS IMPORTS CLIENTS AREA ABOUT US CONTACT US</blockquote>

I see the menu el-GR language has more characters than en-GB language. You can change a little bit in css style to make it displays fine:
– Open templates/ja_sugite/css/custom.css file
– Add new rule

.navbar-nav {
float: left !important;
}

<blockquote>2. I have selected as default theme the Blue color. However, when I resize the browser window and the main menu is hidden, the theme changes back to black.</blockquote>

You can add new css style below in custom.css file

.has-slideshow .t3-header {
background: #3498db !important;
}

[7of9 Friend 7of9Join date: December 2010Posts: 579Downloads:81Uploads:66 Thanks: 162 Thanked: 25 times in 3 posts]

#545996

Hi Ninja Lead,

Thanks for your reply.
1. Does not work well, since when it is applied, and I resize the window, the last menu item appears in a second line (English language that is smaller0.
2. This is although it works, is a trick that is not the best, because if I decide to change the theme, I would have a problem. I think the template has a little bug here that needs to be resolved, since it should not change theme on window resize.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#546070

The URL of your site included on thread is not working, please check it and pm me admin login access back-end site. I will help you out.

[7of9 Friend 7of9Join date: December 2010Posts: 579Downloads:81Uploads:66 Thanks: 162 Thanked: 25 times in 3 posts]

#546175

Sorry about that. The site went online. The new URL is: http://www.kronosint.com

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#546305

<em>@7of9 441536 wrote:</em><blockquote>Sorry about that. The site went online. The new URL is: http://www.kronosint.com</blockquote>

I have tested with debug tools in browser and change the css class:

.navbar-nav {
float: left !important;
}


and you can see both screenshots

+ EN language

+ EL language

I could not see the problem second line of you mentioned. How can I see that bug on your site? I will check and suggest the solution to help you to solve it.

About the black color when you resize layout of you menioned in menu, I have checked on our demo: http://ja-sugite.demo.joomlart.com/index.php it is not bug.

+ Blue color in desktop layouts is from ja-slideshow css style


.ja-slideshow {
position: relative;
z-index: 2;
background: #3498db ;
}


+ But ja-slideshow position in mobile layout is hidden and this class doesn’t not work too. That’s why I suggested you to add new class as in my previous post


.has-slideshow .t3-header {
background: #3498db !important;
}


If you change to other theme, you have to change this class in custom.css file

---

Attachments:

1. 
2. 

[7of9 Friend 7of9Join date: December 2010Posts: 579Downloads:81Uploads:66 Thanks: 162 Thanked: 25 times in 3 posts]

#546449

Please take a look at the following image:

Thanks in advance.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#546480

I just checked the issue as described in your screenshot:

+ The screen size is smaller than 1200px, the menu will break into 2 lines

+ You have many menu items in mega menu bar

+ The menu supports full screenshot with the width of 1200px.

If you want the menu switch to mobile menu instead of breaking into second line when the screen resolution is smaller than 1200px

you can try this way:

– Open templates/ja_sugite/less/variables.less file

– Change

@grid-float-breakpoint: @screen-md-min;

To

@grid-float-breakpoint: @screen-lg;

You need to backup all current css files first and then click Compile LESS to CSS button in template manager section of JA Sugite template.

---

Attachments:

1. 
2. 

1 user says Thank You to Ninja Lead for this useful post

1. 7of9

[Author]

Posts