Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1044275

    Hello Team,

    My blog posts have no padding on the left when showing on smaller mobile screens (http://ilanwittenberg.com/blog/ )
    Is there a global setting in css that I can change to create some padding on the left.

    Thanks,
    ofekw

    #1044623

    Hey ofekw,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
      .responsive #top #main {
        padding-left: 10px;
      }
    }

    Just adjust the left padding value.
    Hope this helps.

    Best regards,
    Nikko

    #1044652

    Thanks Nikko,

    This post still does not show padding on responsive screens:
    Is this to do with the post settings?

    Regards,

    ofekw

    #1045129

    Hi,

    Thanks for the update, though I can’t see anything wrong on my end on mobile using Chrome. Could you post a screenshot of the problem and in which device/browser you are seeing it please?

    Best regards,
    Rikard

    #1045136

    Thanks Rikard,

    Working now so perhaps it was a cached page…

    Much appreciated!

    ofekw

    #1045544

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1195669

    Hello Rikard,

    Revisiting this issue, I noticed that blog posts are showing a large padding on the right of images when ‘thumbnails’ are showing on a vertical grid (there is no padding when an image is clicked and a manual slider is displayed). I then noticed that Instagram has no padding when displaying photographs or video.

    How can I remove padding for videos and images while keeping a small (10px) left and right padding for text only?

    Thanks,
    ofekw

    #1199002

    Hi,

    Thank you for the update.

    You can center align the content in the Enfold > General Layout > Layout > Content Alignment settings. Or adjust the Maximum Container Width in the Dimensions panel. There is a large padding in the right side because the content is not center aligned, or positioned in the left side by default.

    Best regards,
    Ismael

    #1199003

    Hi Ismael,

    Thanks for your support!
    The Layout tab has the current settings:
    Stretched layout
    Center Content
    No widget

    The Dimensions tab has the current settings:
    Maximum container width 73% | 27%
    Content + Sidebar width 100%

    I think that other settings in style.css may override these settings:

    @media only screen and (max-width:767px) {
      .responsive #top #main {
        padding-left: 10px;
      }
    }
    @media only screen and (max-width: 767px){
      .page-id-2 .main_color.container_wrap_first.container_wrap.fullsize{
        padding-left: 8% !important;
      }
    @media only screen and (min-width: 768px) and (max-width: 1440px){
      .page-id-2 .main_color.container_wrap_first.container_wrap.fullsize .container{
        padding-left: 8% !important;
      }
      .flex_cell.no_margin.av_four_fifth, .flex_cell.no_margin.av_one_fifth{
        display: block;
      }
    }
    #contact-spacing .special-heading-border{
      display:none;
    }
    #contact-spacing av-special-heading-tag{
      float: inherit !important;
    }

    Please advise,
    ofekw

    #1199711

    Hi,

    Thank you for the update.

    Could you disable the plugin that disables the context menu or right click temporarily? We have to inspect the element in the page. Or post the login details in the private field.

    Best regards,
    Ismael

    #1200021

    Hi Ismael,

    Login details posted in private field.

    Thanks,

    ofekw

    #1200710

    Hi,

    We can now access the dashboard but we can’t disable the plugin because the account is not an admin. Please set the user role accordingly, or just disable the privacy or copyright plugin so that we can inspect the pages.

    Best regards,
    Ismael

    #1200711

    Hi Ismael,

    Have now set the account to be admin.

    Thanks,

    ofekw

    #1203256

    Hi,

    Sorry for the delay. The content was not aligning properly because of this css code.

    .main_color.container_wrap_first.container_wrap.fullsize .container {
    	margin: 0 !important;
    }

    We removed it from the style.css file.

    Best regards,
    Ismael

    #1204568

    Hello Ismael,

    Thanks for removing the large padding on the right of images when thumbnails are showing on a blog post of smaller mobile devices.
    Can we remove all padding for videos and images while keeping a small padding for text only?

    Stay safe,
    ofekw

    #1205399

    Hi,

    What do you mean by “text only”? The content (video, images, text etc) is situated in a single container, so you can’t really define a different padding for the media files and text.

    Best regards,
    Ismael

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.