Recent
Categories
View Replies (3)

Sophia template pulls to left on mobile

  1. Issue
0
Votes
Undo
  1. bludove
    bludove
  2. Sherlock Holmes
  3. Commercial Templates
  4. Saturday, 09 November 2019
  5.  Subscribe via email
Sophia Template -- I added some custom styles to Sophia and now on mobile if you pull it to the left there's a big gap on the right. I tried taking out all of my custom styles and putting them back in one by one to see which style was effecting it; I've tried using development console to find it and I can't figure out what is the source of the issue.

here's the site: https://tasteofgainesville.com/new2019/

Thanks
Lisa
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Lisa

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

footer .wrapper960 {

    max-width: 100%;

    width: auto !important;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
bludove
bludove
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi: I'm working on another site using Sophia and it's pulling to the left on mobile with a large margin then appearing on the right. I tried adding the above code and it didin't fix the issue.

The site is https://stopchildrenscancer.org/2020site/

Can you please provide the CSS to fix this issue?

Screen Shot 2020-12-14 at 6.11.19 PM.png
Attachments (1)
Screen Shot 2020-12-14 at 6.11.19 PM.png Screen Shot 2020-12-14 at 6.11.19 PM.png
  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
Hi Lisa

This issue appears to be related to the module in the bottom-2a position, specifically the following text...

Our Supporters Have Extraordinary Impact!!


The Extraordinary Impact is not wrapping due to a special character between the 2 words.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


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