Stzle ES Logän Module off-canvas position
By Mehmet Alp Sirin on Tuesday, 16 May 2017
Posted in General Issues
Likes 0
Views 386
Votes 0
Hello everyone,

I am using the ES Login module on my sıte ın a drop down submenu of mega menu (desktop) as well es in off canvas pos. for mobile.

Desktop:
http://www.tahtapod.info => Hesabım

Module is fine on desktop but if I look on off-canvas on mobile it looks terrible.
Otherwise, if I reduce browser sceen on desktop, so that off canvas appear, then it looks fine.

I tried following code but failed:



.offcanvas-menu .sp-module yancubuk .sp-module-content #es.es.mod-es-login.style-vertical.module-social.yancubuk{

width: 90%;

color: #FE7500;}



Can you help me?

Best regards,

Alp
When i try in my mobile phone, it seems look fine, am i missing something here?
Arlex Wong
·
Wednesday, 17 May 2017 11:59
·
0 Likes
·
0 Votes
·
0 Comments
·
I want the links to have another color and I want a bit space left and right and if possible a bit closer to top.
Mehmet Alp Sirin
·
Wednesday, 17 May 2017 16:29
·
0 Likes
·
0 Votes
·
0 Comments
·
Try this following css and see how it goes?


.offcanvas-menu .es.mod-es-login.style-vertical.module-socialis-mobile.offCanLogin {

  padding: 10px !important;

  color: #FE7500;

}


Take note of this, actually this is not under our support scope, you should consult with your current template provider regarding this.
Arlex Wong
·
Wednesday, 17 May 2017 17:08
·
0 Likes
·
0 Votes
·
0 Comments
·
I also tried the link tag 'a'

.offcanvas-menu .es.mod-es-login.style-vertical.module-socialis-mobile.offCanLogin a{
padding: 10px !important;
color: #FE7500;
}

No change unfortunatelly.
Mehmet Alp Sirin
·
Wednesday, 17 May 2017 17:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Try this.


.offcanvas-menu .es.mod-es-login.style-vertical.module-socialis-mobile.offCanLogin, label{

  color: #FE7500 !important;

}

.offcanvas-menu .o-nav.o-nav--stacked.t-lg-mt--xl a {

  color: #FE7500 !important;

}
Arlex Wong
·
Wednesday, 17 May 2017 18:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Lokma perdect on desktop (resized Screen) but mo changes at aşk on mu mobile.
Mehmet Alp Sirin
·
Wednesday, 17 May 2017 19:15
·
0 Likes
·
0 Votes
·
0 Comments
·
May i know which css file you add?
Arlex Wong
·
Wednesday, 17 May 2017 19:54
·
0 Likes
·
0 Votes
·
0 Comments
·
the template (Helix 3) has a form to enter the custom css.
This is wehere ı ad oll other css modifications as well.
Mehmet Alp Sirin
·
Wednesday, 17 May 2017 19:59
·
0 Likes
·
0 Votes
·
0 Comments
·
it seems like you didn't follow my css code at above, I already applied one more line from that custom css section, it should work fine on mobile now.


.offcanvas-menu .es.mod-es-login.style-vertical.module-socialis-mobile.offCanLogin {

  padding: 10px !important;

  color: #FE7500;

}
Arlex Wong
·
Wednesday, 17 May 2017 20:26
·
0 Likes
·
0 Votes
·
0 Comments
·
hmm,

seem u r rite (as usual). Sry to have bothered you. Guess I made a mistake my copy, paste.

Thank you very much.
Works great now
Mehmet Alp Sirin
·
Wednesday, 17 May 2017 20:35
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.
Arlex Wong
·
Wednesday, 17 May 2017 20:35
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post