SEP Event Page padding/margin on mobile

  • Resolved northviewdigital

    (@northviewdigital)


    4 years, 10 months ago

    Hello,

    First off, Simple Event Planner has been a pleasure to use. I will definitely be using this plugin again in the future.

    The one issue I am running into is the responsiveness of the even for mobile. The content has no padding or margin around the content when viewed from a mobile device.

    How can I add padding and margin to the content container to improve the view on mobile?

    Thank you,

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Zubair Ahmad

    (@jerrykza)

    Hi,

    We apologize for the inconvenience that you may have faced.

    Can you please share the screenshot and let us know which device you’re currently using?

    Regards,

    Thread Starter northviewdigital

    (@northviewdigital)

    Hello,

    The link to the page is here
    https://northviewdev.com/events/mwua-clambake/

    I am viewing this from IOS IPhone 11.

    I can’t add a screenshot since there is not way to upload a file in this chat box. can this support ticket be converted to an email address so I can send a screenshot?

    Thank you,

    Plugin Support Zubair Ahmad

    (@jerrykza)

    Hi,

    Kindly add the following code in your wp-content/<selected theme>/style.css at the bottom.

    @media (max-width: 767px){
sep-page{
padding-left: 15px;
padding-right: 15px;
}
}

    We hope this resolves your issue.

    Regards,

    Thread Starter northviewdigital

    (@northviewdigital)

    Hello,

    Unfortunately, the portion of code you have attached did not work when added to the style.css file. I added the code to both the style.css in the parent and child theme to no avail.

    Might there be an error in the code or another way to resolve the issue? I really want to continue using simple event planner, but this website needs to be optimized for mobile.

    Thank you for your help,

    -Mike

    Plugin Support Zubair Ahmad

    (@jerrykza)

    Hi,

    We have inspected your website and cannot find any media query there. Kindly as your developer to assist you with this on your end.

    Regards,

    Thread Starter northviewdigital

    (@northviewdigital)

    Hello, Thank you for the assistance. I reached out to my theme provider with the issue and they supplied This code that initiated the changes.

    @media screen and (max-width: 767px){
    .sep-page{
    padding-left: 15px;
    padding-right: 15px;
    }
    }

    It is a slight change from the code which you have provided me. I thought would share with you for future reference and in appreciation for you help.

    -Mike

    Plugin Support Zubair Ahmad

    (@jerrykza)

    Hi @northviewdigital,

    This is the solution that we advised you before however now I can see that there was a typo. It was missing a dot before the “sep-page{“.

    Regards,

    Thread Starter northviewdigital

    (@northviewdigital)

    I appreciate you help!

    -Mike

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘SEP Event Page padding/margin on mobile’ is closed to new replies.