Margin Issues on Mobile and Desktop

Home › Forums › Jevelin Theme › Margin Issues on Mobile and Desktop

Home › Forums › Jevelin Theme › Margin Issues on Mobile and Desktop

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts

  • Endurancefam
    Participant

    Hello,

    Could you please help me with two margin questions?

    1. I tried to change the margin of my desktop view by adding the CSS code:#content {
      padding-left: 20px;
      padding-right: 20px;
      }This did adjust the desktop content how I wanted it but it messed up the content margins on mobile.  I deleted the code but the mobile margin is still stuck.  What could I do to fix this?
    2. Could you please help me with a better way to adjust ONLY the content on desktop and NOT on mobile?

    Thank you.

    • This topic was modified 4 years, 2 months ago by Endurancefam.
    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @Endurancefam,

     

    I hope you are well today and thank you for your question.

     

    Could you please share the page URL from your site where it is displaying so that I can help you?

     

    Best regards,
    Shufflehound team

    Endurancefam
    Participant

    Hello,

    I went to the post and re-updated it and it changed back to the correct setting.  Not sure why it was stuck like that.

    However, could you please help me adjust the margins of my post content ONLY on desktop (not on the mobile view) please?

    Thank you,

    Alex Allevato

    Shufflehound Support
    Moderator

    However, could you please help me adjust the margins of my post content ONLY on desktop (not on the mobile view) please?

    Could you please tell me exactly which margin of post content you want to adjust by sharing the screenshot of it?

     

    Also, could you please share the page URL from your site where it is displaying so that I can help you?

    Endurancefam
    Participant

    Please see the message below.

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Solution for this topic

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    @media (min-width: 1250px){
.container.entry-content {
    max-width: 1100px!important;
    width: 1100px!important;
}
}

    Endurancefam
    Participant

    Perfect thank you very much!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)