-
AuthorPosts
-
May 19, 2018 at 1:06 am #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,
ThomasMay 19, 2018 at 5:44 am #958900Hey 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,
MikeMay 19, 2018 at 11:07 am #959014Hi Mike,
actually, I only want to move the left image and the button below it.
Here is a mockup: https://imgur.com/qQ5RMyoBest regards,
ThomasMay 19, 2018 at 3:56 pm #959097Hi,
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:
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,
MikeMay 19, 2018 at 9:33 pm #959205Mike, 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,
ThomasMay 20, 2018 at 1:36 am #959269Hi,
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 -
AuthorPosts
- The topic ‘Increase left margin for image on home page’ is closed to new replies.