By Julian on Thursday, 26 February 2015
Posted in Wanderers
Replies 9
Likes 0
Views 1.6K
Votes 0
Hi everybody,

I am playing around with wanderers and maybe I will launch a site with this template. It is really VERY simple, but while testing I ran into a problem.

On one page, the menu is not placed correctly and got an unwanted shadow. You see it here:
http://www.nlp-deutschland.de/a_partner/index.php/mitglieder

Originaly some more stuff where wrong, and it was caused by activating the bootstrap-features in Payplans. Theire support gave me some css-changes that partly corrected the issue. The shadows are gone, but the wrong placement is still there.

They told me "Your template theme.css has some specificity issue with Bootstrap.".
They offer a good support, but I am not sure if the origin is caused by Wanderers or by payplans. Maybe there is something you like to correct in your css.

However ... the problem with the wrong placed menu is still present. Do you have a solution for that?

All the best, Julian!
Hi Julian,

I am sorry for the late reply.
Here I have attached to you a file, please download it and put it in your site here: .../templates/wanderers/index.php . Also, please put this css code in here: .../templates/wanderers/css/theme.css to make this modification works.


.menu-container{
width:1178px !important;
}

@media (min-width: 768px) {
.menu-container {
width: 750px;
}
}
@media (min-width: 992px) {
.menu-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.menu-container {
width: 1170px;
}
}


Hope this helps and please do update us back.
·
Thursday, 26 February 2015 13:18
·
0 Likes
·
0 Votes
·
0 Comments
·
It does work, thank you.

Just for the constant improvement:
Was the problem caused in Payplans or in Wanderers?

If it was from Wanderers, the question is: Will this be fixed in future versions or do I have to apply the fix after every update?
If it was in Payplans I would like to give them the information, so they can fix it for future versions.

It´s not about whose "fault" it is, it´s about constantly improving the code with every little bug found.

All the best, Julian!
·
Saturday, 28 February 2015 20:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Julian,

This issue is probably coming from Wanderers and we'll need to address this in the next release of Wanderers
·
Saturday, 28 February 2015 21:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

then maybe I should add another Information.
The template ALSO had a Issue with unwanted shadows. The payplans-Support gave me this code to add it into the css-file:

Your template theme.css has some specificity issue with Bootstrap.
So not override properly for all bootstrap default elements.
You need to add below properties to respective class.


.theme-nav .navbar-main > ul > li > a {
box-shadow: none !important;
text-shadow: none !important;
}
.theme-nav .navbar-main > ul > li.active > a {
color: #fff !important;
}


Maybe this is also something to correct.
If you need to inspect it live, just give me a note. Then I remove the corrections so you can look at it.

All the best, Julian!
·
Monday, 02 March 2015 00:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Julian,

Could you provide us with the page that has issues and we'll try to troubleshoot from there?
·
Monday, 02 March 2015 01:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

sure, but first just to make that clear:
The fix that I posted works for me. So there is no need to fix anything "for me" right now.

I just wanted to add this information so you can check if you want to update something in your template.
So there is no need for "troubleshooting" for me. Do you still want the link?

In that case I would remove the fix first, so you can see the part that is not working.

All the best, Julian!
·
Monday, 02 March 2015 01:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Julian,

It would be best if you could post the link here so that I can pass it to our designers to see if it's necessary to update our designs / codes.
·
Tuesday, 03 March 2015 00:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

I just created a new website and installed some extensions with minimal settings.

- EasyBlog
- Easysocial
- EasyDiscuss
- jPayPlans
- Kunena
- JFB Connect
- Shika LMS

Here you can see some example of the problems.

http://www.der-nlp-practitioner.de/lms
(Main Menu)

http://www.der-nlp-practitioner.de/component/payplans/plan/subscribe?Itemid=215
(Sorting of Plans)

The sorting of plans is vertically, but it should be horizontally. As soon as I turn Bootstrap on in Payplans, the sorting works correctly, but the main menu does not anymore. So it might be that the above fix really fixes everythign and the rest was just "connected".

As soon as you confirm that you saw all you needet to see I will apply the fix again.

All the best, Julian!
·
Wednesday, 04 March 2015 02:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Julian,

Sorry for late response. Firstly, thanks for your great support by updating us with bugs/issues for our first baby, Wanderers.

I've checked your main menu issue from the link that you've provided (http://www.der-nlp-practitioner.de/lms) and from the looks of it, there's a CSS conflict between Shika LMS and Wanderers. Our CSS doesn't set any 'box-shadow' property or value; while there is box-shadow property in LMS. We will fix this by override back the 'box-shadow' property value into 'none'.

As for the issue pertaining to the alignment issue for the main menu, we found that Shika LMS's actually set the 'container width' property to be 'auto' instead of 'fix-width' as we set in Wanderers. Yasser has already shared this solution in previous reply, and we will include it in the next update.

For the PayPlans issue, PayPlans was using an old version of Bootstrap (Bootstrap 2.0), while we are using an updated version (Bootstrap 3.0). I've attached here a screenshot of their class name for your reference. I recommend you to contact PayPlans' support team and inquire from them about their Bootstrap version. You can reach them here.

As one of Wanderer's team member, I'll push this solution in the next update release so that the compatibilities between Wanderers and both Shika LMS and PayPlans are improved.

Thanks again for you great support! Let us know if you come across any other issues and we'll be more than happy to assist you with it.
·
Wednesday, 04 March 2015 18:22
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post