• Priority: 0
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 13.02.23, 18:01
  • Opened by: Alex

Ticket #24271 - Mobile version - width

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?


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


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....