Shape 5

Hello,
I have a dual language site. The Login phase (showing Login/Register text) is fine in English. But when I do the login, the pages have not the logout text anymore.
Basically I cannot logout.

But when I go in the other language (the second language of the site, not the main one) I correctly have the translated version (this was also happening before I added the translated version of the buttons) and I can logout.

After carefully checking the site I realized that this may be due to the s5_logo. Basically our logo is too big. I tried to reach a reasonable compromise but the responsive/rescaling is still problematic.

The site responds here: www.fixmyraw.com

Can you please help me fix the css (if doable with the logo) so that I don't have menu/functions disappearing?

Thank you!!
Cristiano

Hello,

You can try reducing the margin around the logo search for #s5_logo in template.css and reduce the margin-left call. You can also adjust the margin-left under #s5_register, #s5_login

Hi Mike,
tried that. In Fact the S5_logo has now a -20px margin left! And only 5px margin for the s5_login and s5_register. But it seems it is not working correctly...

Here is my two css classes (the two s5_logo and s5_logo_module should always be the same?):

#s5_logo {
cursor: pointer;
float:left;
max-height:55% !important;
margin-right:35px;
padding-top:13px;
padding-bottom:13px;
  margin-top:25px;
  margin-left:-20px;
 
}

#s5_logo_module {
float: left;
max-height:55% !important;
margin-right:35px;
padding-top:13px;
padding-bottom:12px;
  margin-top:25px;
  margin-left:-20px;
}

Thank you again
Cristiano

Hello,

Can you post a guest login so I can review this live?

Hi Mike, I PMed you login credentials. Thanks!!

Hello,

I logged into your site and I don't see any issues. Under English I see Logout and other the other language I see Esci, both are showing in the header with no issues and plenty of room. When I click on both of them it opens the S5 Box just as they should, and clicking the Logout button from with inside the s5 box works fine under both languages too.

Hi Mike,
sorry, I may have expressed myself incorrectly. The issue is when you "resize" the browser window. Little by little, making it smaler, the Login/Register/logout disappear.

As well as the menu itself if you try the "open Support Ticket" from top menu once logged in. But maybe this is another issue too!

Thank you
Cristiano

Hello,

There is really only so much room to fit all the content in the header area. The only solutions are to reduce the logo size, combine menu items. You could possible cause the login and register to stack on top of each with the following:

#s5_login, #s5_register {
   float:none;
   margin:0px;
   }

But I don't know how to that will interact with the language files you have added.

Hi Mike,
thank you so much. Now that you confirmed me it's just a matter of space, I will try to find a solution.

Any idea about the issue with the "open support ticket" option where the menu simply disappear completely. That was not an issue with Ezwebhosting template, but it is happening with Oasis.

Thank you again in advance!
Cristiano

Hello,

It's because your component is improperly calling boostrap files. A component is not supposed to be calling bootstrap, but this one is. Bootstrap causes a lot of layout issues, that the files in our templates are already set to overcome. You would have to modify their file:

http://www.fixmyraw.com/components/com_rsticketspro/assets/css/bootstrap.css

And remove this section:

[class*="span"] {
    float: left;
    margin-left: 20px;
    min-height: 1px;
}

Hi Mike,
thank you, your help was really helpful. I wouldn't be able to find out that on my own. I had the feeling it was an issue with the component.

Thank you again
Cristiano