Englisch Version | Deutsche Version
Welcome, Guest
Username: Password: Remember me

TOPIC: Updating Break Points to Work with 5G devices

Updating Break Points to Work with 5G devices 1 year 3 weeks ago #1

  • tmichel
  • tmichel's Avatar
  • Offline
Traditionally we set a breakpoints for mobile to be anything less than 480 pixels, and that worked. New phones are 414 pixels by 896 pixels, and I am having the problem of the menu switching from the off canvas menu to the regular menu when the phone is switched to landscape view. I want break points like the following.
/* iPhone 11 Pro Max Viewport – iPhone XS Max Viewport */
@media only screen and (min-width: 896px) and (orientation: landscape) {
	/* Your Styles... */
}
@media only screen and (min-width: 414px) and (orientation: portrait) {
	/* Your Styles... */
}
 
/* iPhone 11 Pro Viewport – iPhone X Viewport */
@media only screen and (min-width: 812px) and (orientation: landscape) {
	/* Your Styles... */
}
@media only screen and (min-width: 375px) and (orientation: portrait)
{
	/* Your Styles... */
}

This means that I need to alter the template, where would I go, what file(s) should I modify so that I can accommodate a mobile phone in both portrait and landscape view without affecting small tablets at the same time when landscape view on and iPhone Pro Max is 896 pixels more than the number of pixels for a small table in portrait view

Of course I want to target various sizes of tablets and notebooks as well. So I need to update the templates adaptive features; again what files should I be interested in?

I know how to do media queries, I need to update the logic when the template switches to the off-canvass menu. I want the off-canvass menu to be used in both portrait and landscape views on mobile phones, but I want the regular menu to be used on small tablets, so simple pixel breakpoints wont work, I need to break when both the minimum pixel width is encountered and the required orientation is encountered at the same time.
The administrator has disabled public write access.

Updating Break Points to Work with 5G devices 1 year 3 weeks ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Hallo,
sie können die Breakpoints lediglich im Customizer anpassen


Oder aber in den LESS files. Dieser werden aber bei einem Update überschrieben
..\warp\vendor\uikit\less\core\variables.less
The administrator has disabled public write access.

Updating Break Points to Work with 5G devices 1 year 3 weeks ago #3

  • tmichel
  • tmichel's Avatar
  • Offline
Danke. Jetzt muss ich nur herausfinden, welchen Elementen jeder dieser break-points entspricht. Zum Beispiel, welcher break-point entspricht dem Wechsel von der desktop-Navigationsleiste zur Off-canvas-Navigationsleiste.
The administrator has disabled public write access.
Moderators: joomlaplates

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen