Having trouble with the background images while scrolling on a mobile device. The images work fine while Inspecting the website and setting it to mobile view, but when I use an actual mobile device the images are zoomed in and blurry.
Im having trouble with the navigation too when Im on a page post.. I cant get back to the main page since the nav links are anchored to the main page in specific spots.
Any help would be amazing! Thanks
http://www.wearesettv.com/
Related
I am creating a website the my nav bar which is two images is not loading. The two images flash up in their right places with a white background before the rest of the website loads.
See code below
https://wtools.io/paste-code/bJ9n
https://wtools.io/paste-code/bJ9m
Image I want loading in nav is drum stick
I tried Z axis.
The image loads when in a different div but it’s not in the right place and the website isn’t as responsive with it.
I have a CSS-only image slider on my website. It works perfectly except on Safari tablet/mobile devices. It's very strange though because the slider just doesn't work on these mobile devices when you go to the slider page directly from my homepage. (If you refresh the page, of if you go directly to the slider page without going to the home page first, it works on these devices in Safari). I have no idea how to fix this, if someone could help please let me know!
Here is the link to my website:
http://averyeliasdesign.com
If you scroll down to the "Work" section and click on one of the work samples, it will take you to the page with the slider.
The link to the slider page is:
http://averyeliasdesign.com/work1.html
If you click on this direct link from your phone, the slider will work. It just doesn't work when you go to the slider page from my homepage.
It is working on my iOS 8.4 device (5th generation iPod touch).
i know this is not a question about source code, however i need to find the solution. So, This is my site.
After i finished making the site, I resized my browser window, the responsive css worked perfectly. However, when I tryied to see my site from my mobile phone the only thing I could was the top bar..
We are creating a site which is responsive. However, due to time constraint, we need to make a few pages only work for the desktop viewport. The pages have a top navigation which is responsive. Is it possible that when accessing that page from a mobile, the navigation is responsive, but the rest of the page just loads completely adaptive (like a non-responsive site would load on the phone)?
Please advise.
I dont think, that this would work very well.
How would you put two 1000px and a 300px width element on one page so that they both use 100% of the screen?
Maybe you can make a responsive page with navigation an all and load the pages you dont get responsive in an full size iframe below the navigation. But dont know if this would work very well. Also iframe handling, like scrolling etc is a bit picky on mobile devies.
I'm currently having issues with the responsive actions on a site. I'm using the Oneengine theme (very good theme) and the "background" images I'm using aren't responsive when viewed on a device.
Can anyone point me in the right direction to make the images used for the background responsive? Here is the site I’m working on
http://www.jamiebull.co.uk/Meadows_site
When viewed in the chrome emulator for the iPhone 5 the site displays (Aside from the header logo) correctly , however this is not the case when actually being used on the device as it only displays a portion of the image rather than scaling it down. This is the case across mobile and tablet devices.
Can someone point me in the right direction on how to solve this please? I’ve tried bits of code and various plugins such as PB Responsive Image, but nothing seems to be affect it.
I've tried the code below in my stylesheet;
img {
border: 0 none;
max-width: 100%;
vertical-align: middle;
}
This only affects the images I’m using as backgrounds for the panels and the footer, images I have within the other panels and the footer seem to render correctly when viewed on smaller devices.
I'm still quite new to coding, so anything will help!