Recent
Categories
View Replies (2)

Template Caitlin: left margin on mobile screens

  1. Issue
0
Votes
Undo
  1. crimle
    crimle
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Tuesday, 12 February 2019
  5.  Subscribe via email
Hi Ciaran

I have two issues with the template Caitlin.

1 // On mobile screens there is a considerable margin to the left of the screen.

2 // Underneath the header image, we have the main navigation. On mobile screens, this navigation should go away and be replaced by the mobile menu. The mobile menu is there and the navigation items disappear, which is ok. But the gray "container_hornav" remains there. I guess it should not be.

Thank you and kind regards
Chris
References
  1. https://www.quartierverein-kurzdorf.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 you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

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

.block_holder,

body {

    padding: 0;

}

.maincontent {

    padding: 20px;

}

#container_hornav {

    display: none;

}}


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

superb! It works!

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!