Joomla Templates Club 406,261 posts

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#192118

Hi!

I hope you can help with these wired problem, the favicon + the slideshow dissapeared all at once.
I was able to get the facivon back, but can’t figure out what is wrong with the slideshow.
The right side bar was also pushed down.

The next problem is the menu when it is in an “in between” size, so not desktop and not mobil. Then the menu is visible but every button leads to the homepage instead of the actual page.

I appreciate any help.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#511993

Hi Sobini,

There are 3 issue of your Elastica site that i’d like to answer in details below:

<blockquote> the slideshow dissapeared all at once. </blockquote>
By default, we don’t define a module position to show a Slideshow module so that you will need to do it by yourself. You just need to open templates/ja_elastica/etc/layouts/default.xml file and add below line in block that you want to display:

<block name=”slideshow” style=”raw”>banner</block>

i.e: It is recommend to add that line in Top block (<blocks name=”top” style=”xhtml”>)

Clear JAT3 cache after saving changes. Your DJ-ImageSlider module will display fine then.

<blockquote>The right side bar was also pushed down. </blockquote>

On your site, the blocks are not defined with a width property that is why both com_content area and right sidebar expand to 100% width of mainbody, and they go to 2 lines. You can solve this issue by putting below css styles into the end of templates/ja_elastica/css/template.css file:

#ja-content {
width: 75%;
float: left;
}

.ja-moduletable {
float: left;
width: 25%;
}


Remember to clear JAT3 cache then.

<blockquote>The next problem is the menu when it is in an “in between” size, so not desktop and not mobil. Then the menu is visible but every button leads to the homepage instead of the actual page. </blockquote>

The menu items redirected correctly to the pages when I checked out the site. Can you check it again and tell me more details how i can reproduce the issue if it still persists as you mentioned ?

1 user says Thank You to phong nam for this useful post

1. sobini

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#512706

Thank you so much for the answer.
The first two fixes worked perfectly.

The menu still has the problem I think it is caused that part of the template already switches to mobil (like the logo is already above the menu instead of on the left of the menu) but the menu itself has not switched to the mobil version.
I get the error when I reduce the window size, on my 15′ screen just a little less than halfe the screen. In that size (also on the ipad in vertical) the menu doesn’t work.
I hope this description is clearer.

I appreciate your help.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#512798

Hi,

It’s wrong with the width of logo on table view that makes expand to 100% width of header in new row, instead of being the same line with the main menu. You can solve this issue by taking a backup of files and try to follow these steps:

1. Open /templates/ja_elastica/css/layout-tablet.css file and change:

h1.logo {
height: 50px !important;
width: 100% !important;
}

to

h1.logo {
height: 50px !important;
width: 15% !important;
}

2. In above layout-tablet.css file, find and change lines:

#ja-mainnav {
float: none;
margin: 0 auto;
width: 720px;
text-align: left;
display: block;
height: 40px;
clear: both;
}

to


#ja-mainnav {
float: left;
margin: 0 auto;
width: 600px;
text-align: left;
display: block;
height: 40px;
clear: none;
margin-left: 5px;
}

#ja-top {
width: 60px !important;
right: 20px !important;
top: 0 !important;
}

Clear JAT3 cache after editting. Here is how the header looks on tablet after applying changes.

---

Attachments:

1. 

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#513840

Hi!
Thanks! I made the above changes and the 1st level of the menu is working, but not the 2nd one, at least not in the first 3 menu items. The dropdown of service and litrature is working. But not the other once. Maybe it is because those link to a blog view of a page and not just a simple page?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#514064

Hi,

By default, on T3v2 templates (i.e JA Elastica) we just ONLY supports to display the 1st level of menu item on mobile view, not 2nd or 3rd level menu items either, you can refer our JA Elastica template demo as an example.

Anyways, I still suggest you how to make the 2nd level menu items visible on mobile view. For the 3rd level ones, I would like to suggest you to work with a developer to help you handle this task, since you will need to customize a little bit to make 3-level menu items appear well on limited width of mobile.

1. Backup the files.

2. Open /templates/ja_elastica/css/layout-mobile.css file, change:

#ja-megamenu .childcontent {
display: none !important;
}

to

#ja-megamenu .childcontent {
display: block !important;
position: relative;
}

3. Put below codes into the end of layout-mobile.css file too:

.ja-megamenu li.mega .childcontent {
left: 0em;
}

4. Clear JAT3 cache after updating changes.

[Author]

Posts