Forum Replies Created
-
AuthorPosts
-
November 12, 2015 at 7:05 am in reply to: Hide Whitespace in Specific Color Section on iPhone #534584
Thanks Yigit! You can close this thread.
Never mind, I figured it out. You can close this thread.
That worked perfectly! Thanks for the help Ismael. You can close this thread.
Thanks Andy! That didn’t work but I was almost able to figure out a way to make it work the way I want to which seems to be much easier. I added a 1/1 column and added 100px of padding on the left and the right. The only issue is that the padding shows up on my iPhone as well which I don’t want. Can you give me some quick css to remove the padding for these sections on the iPhone screen size in portrait and landscape please? I didn’t see a way to specify this in the editor. Let me know how to do target these sections and if I need a custom css class. Thank you very much for the help!
Here are my login credentials
That doesn’t work either. Basically I am just looking to use a 3/4 column and have it center across all screen sizes. What’s the easiest way to do this?
Thanks Andy. Unfortunately this code moves all of the sections over to the right, not just the 2 sections indicated. I created a custom css class of custom-post How can I use this with the code to target these sections and make it so those are the only sections that move over? The other problem is that when I use this code it moves it over on the iPhone as well so the text gets cut off. Basically I am just looking to use a 3/4 column and have it center within the screen across all screen sizes. Thanks!
- This reply was modified 9 years ago by djshortkut.
Thanks, you can close this thread.
Here are my login credentials for you to take a look. I adjusted the padding to what Ismael recommended above to make everything evenly spaced. All of the images are the same size as well so not sure why I am having an issue. When I pull up the site on my iPad the images are not even with each other and same thing on my MacBook Pro. You can see how the images don’t line up on different screen sizes by resizing the screen. They move up and down and are not perfectly in line with each other like they should be. Don’t know if this is some type of bug or not. Please let me know if you need any other info.
- This reply was modified 9 years, 1 month ago by djshortkut.
Thanks, you can close this thread.
Unfortunately that won’t work because I can’t get the images to be the same size as they are now. I’ve already tried it. Isn’t there some way to fix these issues with quick css? Thanks.
Thanks so much Yigit! You can close this thread.
Thanks Ismael! I manually changed the padding and it worked except now the height of the center image (top and bottom) is different than the other two images. How can I make it so that the height of all of the images line up?
The overlay background color also doesn’t seem to stretch fully over the image upon hover. I am viewing this on my 21″ iMac screen. Thanks for the help!
- This reply was modified 9 years, 1 month ago by djshortkut.
Ok got it working, thanks for the help! You can close this thread.
Thanks Elliott, I was able to fix it with your help! You can close this thread.
Thank you! You can close this thread.
Thanks, you can close this thread.
Thanks Yigit, that seems to have done the trick! You can close this thread.
Wondering if you were ever able to find a solution for this issue. I noticed there were a couple of other threads on this so it seems to be affecting other users as well.
One other thing I noticed is that the same thing happens with the caption title, caption text, and buttons on full screen video sliders and fullscreen image sliders where all of the content over the slide will disappear when you navigate to another page.
Hopefully there will be a fix coming for this soon because I have had some complaints about it from users. Thanks!
So I searched the forums for other threads that had this same issue and found the thread below. I input the code that this user offered and low and behold it fixed the issue so now my buttons are clickable on iOS devices with a parallax background! Just thought I would share in case you run across anybody else with the same issue. Hopefully there will be a bug fix for this in a future update. Thanks for all the help and you can now close this thread.
.avia_mobile #top .av-parallax { position: absolute !important; }
https://kriesi.at/support/topic/fixed-background-issue-2/
- This reply was modified 9 years, 2 months ago by djshortkut.
Thanks Yigit! I tried inputting this code but the buttons still aren’t working.
Thanks Ismael. I have created a new test page and left the link in the private content section. Yes, I have an iPhone 6 with retina display. The same issue is happening on my iPad 4 with retina display. Unfortunately I do not have any devices or know anyone that has a device without a retina display to test on since most devices these days have retina displays. Please let me know what can be done to fix this issue. Thanks!
Can someone please help me with this?
Ok you can close this thread.
I’m hoping somebody can help me with this issue I am still having that was never resolved. The buttons on this page still do not work when I touch them on a mobile device (iPhone & iPad) which is a problem since this page shows all of the services I provide and allows clients to learn more about what we do. As stated earlier in the thread, this seems to be related to parallax sections which cause the buttons not to work. Can you please let me know what I can do to fix it? I have already tried disabling all plugins and this does not remedy the issue. Thank you!
Thank you so much Ismael! You can close this thread.
Thanks Ismael. I’ve tried entering both of these codes but neither fix the issue.
That worked! You can close this thread.
Thanks Yigit. I input this code and it didn’t change anything. I have attached a better screen shot to show you what I’m talking about. Thank you!
Thank you! You can close this thread.
-
AuthorPosts