RaZor Edge

On ‎2017‎-‎03‎-‎15 at 9:01 PM, TAMAN said:

/* SHOE ON DESKTOPS */
@media screen and (min-width: 980px) {

  /*Paste the code here*/
  
}

 

Working great! Thank you!

On ‎2017‎-‎03‎-‎08 at 8:51 PM, TAMAN said:

Yes, But Only if you dont have a lot of navigation menu items, otherwise without a hell of customization is not possible : )  

anyways this should work fine 

.ta-headerContainer{
	width: 100%;
}
.logoWrap {
    position: absolute;
    top: 15px; /*Change the top position of your logo here*/
    bottom: 0;
}
@media screen and (max-width: 979px){
	.logoWrap{
        position: initial;
	}
}

Would it be possible to only show this on desktop sizes. I've try to find a way in the guides, but with no success...

Hello @TAMAN,

I recently had an idea for my theme.

In fact, I would like the logo in the upper left corner to slightly overflow the header.

Here is an example of what I mean:

Would it be difficult to accomplish with a simple CSS change?

If it requires too many changes, it is ok!

On ‎2017‎-‎02‎-‎27 at 4:48 PM, TAMAN said:

i just changed the usernav class name 

this should work now

.ta-userNav .ipsLayout_container{
	max-width: 100%;
}
.ta-userNav .ipsLayout_container{
    top: 100px;
    bottom: initial;
}
.ta-userNav #elUserNav{
	padding: 7px 15px;
}
.ta-userNav #elUserNav:before {
	border-left: none;
}
html[dir="rtl"] .ta-userNav #elUserNav,
html[dir="ltr"] .ta-userNav #elUserNav{
 	background-color: {hextorgb="userbar_bg" opacity="0.80"};
    background: -webkit-linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); 
    background: linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); 
  	border-right: none;
  	border-radius: 3px;
}

 

Hi Taman,

There is something wrong with the position of the userNav..

See now:

And how it was intended to be in the previous version:

(note that I added "padding-right: 20px;" on the first version)

Is it something that I can fix easily?

54 minutes ago, TAMAN said:

 

Sorry what space exatly? there is nothing wrong in the screenshot :/

That should help:

There is a space at the left and right of the header. The background of the header should be 100% wide.

In addition to my previous post, it also seems like the update add a space right and left of the header (not the footer), when set to Wide. See:

(tested in IExplorer and Chrome, with a default Template installation)

On ‎2017‎-‎01‎-‎16 at 9:51 PM, TAMAN said:

add to custom.css

.usernavigation.ipsLayout_container{
	max-width: 100%;
}
/*Adjust the top*/
.usernavigation.ipsLayout_container{
    top: 100px;
    bottom: initial;
}
/*userbar size*/
.usernavigation #elUserNav{
	padding: 7px 15px;
}
.usernavigation #elUserNav:before {
	border-left: none;
}
/*transparency*/
html[dir="rtl"] .usernavigation #elUserNav,
html[dir="ltr"] .usernavigation #elUserNav{
 	background-color: {hextorgb="userbar_bg" opacity="0.80"};
    background: -webkit-linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); /* left to right transparency. if you dont like it remove this line */
    background: linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); /* left to right transparency. if you dont like it remove this line */
  	border-right: none;
  	border-radius: 3px;
}

Enjoy  im glad you like it 

Edit: btw i might add it as a setting for next update so users can simply switch the user bar style  you got good ideas xD thanks 

@TAMAN, seems like this mod for the usernav don't work with version 2.0.

Did you change something?

Just now, TAMAN said:

you can simply install it as a new theme without deleting your old version 

then open both theme settings in tab and copy paste colors or compare settings you have on old version 

thats the only solution and not really hard  

Ok! Thank you for the tip!

On ‎2017‎-‎02‎-‎23 at 11:12 PM, TAMAN said:

Theme updated to version 2.

Please install it as a new theme.

Hi @TAMAN,

Is there a way to keep all settings modifications if we install it like a new theme? Or I should do the change manually?

2 hours ago, TAMAN said:

add to custom.css

.usernavigation.ipsLayout_container{
	max-width: 100%;
}
/*Adjust the top*/
.usernavigation.ipsLayout_container{
    top: 100px;
    bottom: initial;
}
/*userbar size*/
.usernavigation #elUserNav{
	padding: 7px 15px;
}
.usernavigation #elUserNav:before {
	border-left: none;
}
/*transparency*/
html[dir="rtl"] .usernavigation #elUserNav,
html[dir="ltr"] .usernavigation #elUserNav{
 	background-color: {hextorgb="userbar_bg" opacity="0.80"};
    background: -webkit-linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); /* left to right transparency. if you dont like it remove this line */
    background: linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); /* left to right transparency. if you dont like it remove this line */
  	border-right: none;
  	border-radius: 3px;
}

Enjoy  im glad you like it 

Edit: btw i might add it as a setting for next update so users can simply switch the user bar style  you got good ideas xD thanks 

Wow! It look awesome! 

I will try it on my board! Thanks again!

Hello Taman,

As discussed privately, I would like to see some changes to the userbar. Taman kindly offered to submit my ideas in this topic.

The desired changes are somewhat different from those discussed earlier in this discussion.

So here is a description of what I want (see the screenshot for a general idea):

- Move the bar just below the header;
- Keep a small empty space to separate them;
- Do not include the userbar with the "fix header";
- Decrease the size of the userbar (see screenshot);
- Give a translucent effect similar to the header on dark tone;
- Remove the colored bar on the right;
- For the left side, in an ideal world, I would have liked a gradient transparent from left to right. If it's complicated, then we could keep the current style.

Thanks again Taman for this excellent theme!

Hi,

In facts, it shows on the demo website or any other. Using Edge or IE 11, the page show fine, but if I look at the browser bottom slider, I see that there seems to be space (see attach files).

Hi,

With the latest Internet Explorer and Microsoft Edge, there is an additionnal space at the right of the main content, see with demo site:

Chrome or Safari do not have this problem.

Is there a way to fix this?