Recent
Categories
View Replies (4)

display module in full width (desktop and mobile)

0
Votes
Undo
  1. pschmili
    pschmili
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 25 June 2023
  5.  Subscribe via email
Hallo
I am trying to display an image in a module (where only the image is) the same way as in the showcase (full-width). Use the custom CSS code for this:

.fullwidth {
margin-top: 15px;
margin-bottom: 15px;
position: relative;
width: calc(100vw - 10px);
margin-left: calc(-50vw + 5px);
left: 50%;
}

On the desktop the image is displayed full-width.
desktop.jpg

But not on the mobile device
mobil.jpg

What am I doing wrong?
Greetings
pschmili
Attachments (2)
desktop.jpg desktop.jpg
mobil.jpg mobil.jpg
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
pschmili
pschmili
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
https://full.pschmili.de/
Thank you
pschmili
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.contentbottom .module_surround {

    padding-inline: 0 !important;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
pschmili
pschmili
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hallo Ciaran
Thank you, that's exactly how I wanted it.
Greeting
pschmili
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!