Mobiles Menü icon horizontal zentrieren (ultimate)

schwaebu
Offline Topic Author
Fresh Boarder
Posts: 2
Thank you received: 0

Mobiles Menü icon horizontal zentrieren (ultimate) was created by schwaebu

Posted 8 years 11 months ago #17194

Template: JP-Ultimate, Joomla Version 3.6.5

Ich möchte das Icon für das Mobile menu (balken) horizontal zentrieren.

Um das Menü Icon hervorzuheben habe ich bereits folgendes in die custom.css Datei eingetragen:

Code:

.uk-navbar-toggle {
color: #000 !important;
background: #fff;
}

Domain: lehmann-gt.ch

by schwaebu

Attachments:

Please Log in or Create an account to join the conversation.

schwaebu
Offline Topic Author
Fresh Boarder
Posts: 2
Thank you received: 0

Replied by schwaebu on topic Mobiles Menü icon horizontal zentrieren (ultimate)

Posted 8 years 11 months ago #17195

Ich habe es zwischenzeitlich so versucht zu lösen:

im genutzten Style /css/theme.css:

Vorher:

Code:

.uk-navbar-toggle {
  box-sizing: border-box;
  display: block;
  height: 45px;
  padding: 0 15px;
  float: left;

Code:

.uk-navbar-toggle {
  font-size: 17px;
  color: #444444;
  text-decoration: none;

Nachher

Code:

.uk-navbar-toggle {
  box-sizing: border-box;
  display: block;
  height: 85px;
  padding: 0 15px;
  float: left;

Code:

.uk-navbar-toggle {
  font-size: 30px;
  color: #444444;
  text-decoration: none;

Oder gibt es hier eine bessere Lösung mit dem custom.css?

Last Edit:8 years 11 months ago by schwaebu

Last edit: 8 years 11 months ago by schwaebu.

Please Log in or Create an account to join the conversation.

joomlaplates
Offline
Moderator
Posts: 8873
Thank you received: 1743

Replied by joomlaplates on topic Mobiles Menü icon horizontal zentrieren (ultimate)

Posted 8 years 11 months ago #17196

Hallo,
wenn sie das Icon horizontal zentrieren möchten, dann geht das mit einem Abstand von oben > margin-top

Code:

.uk-navbar-toggle {
  margin-top:10px;
}

Da müssen sie testen, wieviel Pixel von oben das Icon benötigt um mittig dargestellt zu werden.
Aber sie können im Firebug die margin werte in Echtzeit hinzufügen.
www.joomlaplates.de/support/dokumentation/template-bearbeiten

Dokumentation:
www.joomlaplates.de/dokumentation.html

by joomlaplates

Please Log in or Create an account to join the conversation.