• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 13.02.23, 18:01
  • Opened by: Alex
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #24271 - Mobile version - width

Hello
Our template has padding on the left and right, both on desktop and mobile. (screenshots) We seem to have figured out what gives such indents (CSS theme line 289 width 90% ).
Can I add or change something so that on the desktop it remains 90%, and for the mobile version it becomes 100% for this rule? But only for the mobile version 100%. This will increase the visualization of content for the mobile version. And we can fix the margins for the mobile (if necessary) in Elementor.
Tell me how to solve the issue?

Attachments:

1.jpg (385.4 KiB)
2.jpg (122.2 KiB)

Comments

Fred 15 Feb 2023, 18:44

Just use CSS Media Queries https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#syntax_improvements_in_level_4

Like this:

@media (max-width:1000px) {
  your CSS rules here....
}