Recent
Categories
View Replies (2)

J51_LayerSlideshow: margin on mobile screens

  1. Issue
0
Votes
Undo
  1. crimle
    crimle
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Monday, 20 July 2020
  5.  Subscribe via email
Hi Ciaran

I am using J51_Ariana and J51_LayerSlideshow. The slideshow on mobile screens does not look good. There is a remarkbale margin to the left and no margin to the right. Responsible for this seemes to be 


#container_showcase1_modules {

  padding-left: 60px;

}

Thank you and kind regards
Chris
References
  1. https://schachclub-steckborn.ch/
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Chris

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

@media only screen and (max-width: 1140px) {

#container_showcase1_modules {

    padding-left: 0;

}}


This will disable the side padding below 1140px. To disable entirely simply add the following instead...

#container_showcase1_modules {

    padding-left: 0;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
crimle
crimle
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

oh yes, tha'ts the way I like it. No padding at all is ok for the slideshow.

Thank you and kind regards
Chris
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


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