Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #958867

    Hi,
    I want to move an image on my home page 400px to the right.
    So I put the following code in the “Quick CSS” box:

    div.container {
    margin-left: 400px !important;
    }

    It kinda works, but on the mobile version there’s now a large space. You have to scroll down to see any contents.
    How can I change this, so that only the desktop version is affected? Or would you even recommend a different method?

    Best regards,
    Thomas

    #958900

    Hey Thomas,
    We can add a media query to your css to have it work on only some screen sizes, but I would recommend defining your target a little better. When I look at your site, the image in the first section is pushing the text block about 30% off the screen, and both elements in the second section are moved quiet a bit to the right.
    Yet when I read your question it sounds like you only want to move a image to the right.
    I believe we can help with a good solution for you.
    Please explain which image to wish to move and if you want it to be on the very right edge of the screen, as 400px would suggest.
    Perhaps a mockup would be helpful.

    Best regards,
    Mike

    #959014

    Hi Mike,
    actually, I only want to move the left image and the button below it.
    Here is a mockup: https://imgur.com/qQ5RMyo

    Best regards,
    Thomas

    #959097

    Hi,
    Thanks for the image, I think that this can be accomplished with just a couple of tweaks,
    first I commented out your css,
    then I set the 1/2 column to no space between columns:
    2018-05-19_094654
    then I set the image and button to align center from align left, I thought align right was too close to the other element, but you can test if you wish.
    I’m suggesting these tweaks because the theme will automatically readjust for different screen sizes, vs, manually calculating them.
    Please clear your browser cache and check, and advise.
    Please see screenshot in Private Content area.

    By the way it looks as though your screen is much wider than my 1920px, if the above doesn’t help, please let us know your screen size.

    Best regards,
    Mike

    #959205

    Mike, thank you very much for your help!
    Now the page looks the way I want it to, both on desktop and mobile. My problem is solved, you can close this topic.

    Best regards,
    Thomas

    #959269

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Increase left margin for image on home page’ is closed to new replies.