AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

[Solved] How to add padding on mobile?

✦ Summarize Topic

How-to and Troubleshooting

Last Post by Asti 6 years ago

6 Posts

2 Users

1 Reactions

3,469 Views

RSS

Posts: 3

dashington

Topic starter

Translate ▼

Jun 29, 2020 6:12 am

(@dashington)

Active Member

Joined: 6 years ago

[#478]

I've recently installed the plugin, and my only issue is with the width/lack of padding on the mobile view! This is a real shame - is there a way to fix this? (If it was in a nice neat container, that would be even better...).

This topic was modified 6 years ago by dashington

5 Replies

Posts: 8208

Asti

Support

Translate ▼

Jun 29, 2020 12:12 pm

(@asti)

Illustrious Member

Joined: 8 years ago

Hi @dashington,

This is just a CSS conflict with the theme or other plugins. Please leave some example URL to allow us to debug the conflict and provide some solution for you.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

4 Replies

dashington

(@dashington)

Joined: 6 years ago

Active Member

Posts: 3

Jun 29, 2020 12:21 pm

Reply to

Asti

Translate ▼

Thanks @asti,

We're a new website, here's a post: https://thedjrevolution.com/what-are-the-different-types-of-dj/

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8208

Jun 29, 2020 12:28 pm

Reply to

dashington

Translate ▼

@dashington,

Please use this CSS code:

@media screen and (max-width: 600px){
   #comments, #respond {
      padding-left: 10px !important;
      padding-right: 10px !important;
   }
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

You can change the red marked values before using it.

Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

dashington

(@dashington)

Joined: 6 years ago

Active Member

Posts: 3

Jun 29, 2020 12:57 pm

Reply to

Asti

Translate ▼

Thank you @asti, this is definitely much better! Will it reflect site-wide even though I only put the code on that post?..

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8208

Jun 29, 2020 1:07 pm

Reply to

dashington

Translate ▼

@dashington,

The code changes the comment box size site-wide.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.