found a work around for Kenuna menu, nit that I am asking for support, just wanted to let you know...
I created an external menu link pointing to this url, now the menu shows
speakeasyenglish.org/index.php/forum?view=home&defaultmenu=676

Using the default kenuna meni does not work, as I said, just fyi... :-) in case anyone else asks, this "workaround" seems to work well.

in mobile view there is now white space at the top of page. On pages shop and calendar...

Hi Lee,

- Kunena issue, I suggest you wait response from them.. i think if you find your own solution by using extra url its great..

- White Space issue, you can use this css code for fixing this :

body.t3-has-navbar {
    padding: 0px;
}

Fix for white space issue does not work. You change it in costom.css you will see logo is then hidden
I have already explained this to Michael. But you put your code and see for yourself please. Thanks

HI, Lee.

This issue was caused by this file: ROOT/components/com_eshop/assets/bootstrap/css/bootstrap.min.css
Again, they used common class title :/

I fixed that by adding class override.

I will study your changes and try to learn, from you :-)
Also, you asked me for the link to calendar so you could change the padding for the mobile menu
speakeasyenglish.org/index.php/it/prenotare-online
thanks
:-)

Hi,

Try use this code :

@media (max-width: 767px) and (min-width: 270px) {

.sub-page-header {
    margin-top: 30px;
    padding: 10px;
}
}

tnx, should I put this code in socialize custom.css?

HI, Lee.

Yes, it's located in ROOT/templates/socialize/local/themes/<name-of-your-theme>/css/custom.css

I know that they should fix their css file, but I am using your socialize template, I have had a few issues trying to gain support from the developer, seems that they will not help.
Anyway, if you could kindly fix the mobile menu display issue I would very much appreciate it.
It's the only mobile menu that is left to adjust.
speakeasyenglish.org/index.php/it/prenotare-online
I understand that the component does not belong to you, I suppose if it did, it would be a much better one too :-)
I did try to modify the CSS in Custom css according to your suggestions, but I am better at English grammar I suppose!
Anyway, if you have a better Calendar component, I would be pleased to purchase it from you!

Hi Lee,

Please try to remove this file components/com_osservicesbooking/style/bootstrap/css/bootstrap.css or set all codes inside that file empty. I hope it will work

thank you!

I tried to remove the bootstrap.css by simply renaming the file with _old at the end of the file name.
But this just made everything look worse on the calendar link, maybe the responsive menu item should be edited within that file, or indeed only the menu item to make it look nicer, it's htepadding that is the problem, nothing else...
What do you think?
In fact Michal found a fix for theother menu item in Eshop, why can't we do the same for this meni item?
Just a thought?

Hi Lee,

Ok try to open this file components/com_osservicesbooking/style/bootstrap/css/bootstrap.css, find and remove this code :

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.t3-navbar-collapse.navbar-collapse.collapse.in {
    margin: 0px;
}

updated jomsocial and now the css is wrong
kindly c heck and suggest a fix
speakeasyenglish.org/it/opzioni/corso-di-ingresso/sign-up
I have not modified the custom css file since you gave me the code to use to fix the original issue