Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Spacing Issue
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Spacing Issue
- This topic has 13 replies, 3 voices, and was last updated 8 years by David Martin – Support.
-
Posted in: Neighborhood
-
September 17, 2015 at 4:43 pm #214252
Hi,
I have this page set-up the way I like it:
http://707ave.com/magazineHowever, on the iPhone the two side advertisements – Sephora & Revolve, are pushed all the way over. See snapshot.
How can I get this right iPhone without affecting the view on the computer?
Thanks so much!
Attachments:
You must be logged in to view attached files.September 17, 2015 at 4:47 pm #214258Hi,
If you add this
iphone-ads
as a custom class to the Row that contains those images, then add the below to your theme options CSS.@media (max-width: 767px) { .iphone-ads img { margin-left: 30px!important; } }
– David.
September 17, 2015 at 5:37 pm #214311How do I make a “custom class”?
September 17, 2015 at 5:41 pm #214314Hi,
just add
iphone-ads
to the extra css class, last field when you edit a row asset.-Rui
September 18, 2015 at 4:52 pm #214582September 18, 2015 at 4:52 pm #214583`<a href=”http://redirect.viglink.com?key=73c89af54c3501ccbae949ba5e9fcfd1&u=http%3A%2F%2Fwww.sephora.com”><img src=”http://707ave.com/dev/wp-content/uploads/2015/07/sephora-free-samples-sales.jpg” alt=”” style=”width:300px;height:600px; margin-left: 70px”; class=”iphone-ads”;/></a>
<a href=”http://redirect.viglink.com?key=73c89af54c3501ccbae949ba5e9fcfd1&u=http%3A%2F%2Fwww.revolveclothing.com%2F”><img src=”http://707ave.com/dev/wp-content/uploads/2015/07/revolve-300×250.jpg” alt=”Revolve Advertisement” style=”width:300px;height:250px; margin-left: 70px; margin-top: 25px”; class=”iphone-ads”;/>
</a>September 18, 2015 at 5:06 pm #214591Hey,
I have updated it for you. Take a look now 🙂
You just need to add a div wrapper around the content, as you are using a Raw HTML block, ex:
<div class="iphone-ads">your content</div>
.– David.
September 18, 2015 at 6:55 pm #214634Thanks for fixing the code, but I’m not seeing the change reflected on the iPhone. Is there something wrong with my custom CSS?
September 21, 2015 at 10:47 am #214919I add this to: http://707ave.com/dev
Are you viewing that site or your main site: http://707ave.com/
– David.
September 21, 2015 at 3:13 pm #215088At: http://707ave.com/magazine
I think this is the main site.
September 21, 2015 at 3:15 pm #215091When you log-in, it takes you to: http://707ave.com/dev/wp-admin/
September 22, 2015 at 3:19 pm #215421Hi,
The changes are present on the site and are working for the smaller screen size. Can you try clearing your iPhone Safari cache?
What iPhone version do you have?
Thanks,
David.September 22, 2015 at 7:13 pm #215530iphone 4. Which one are you seeing it on? I cleared my cache and I still see it like that.
September 23, 2015 at 3:30 pm #215804Ah, that will need another media query. I am on iPhone 6.
I have also added this:
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .iphone-ads img { margin-left: 0px!important; } }
Tested and working on the iPhone 4.
– David.
-
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.