Website not working properly on devices

- 9 years, 9 months ago willowbranch
  Participant
  
  Expired
  
  Hi,
  
  I have a few issues with my website on iphone and ipad.
  
  On iphone, all the code is showing, and there are “Leave a reply” and sidebar sections on all the pages where they are not supposed to be. The menu/header is in a completely different colour and style to to how the actual website looks, and there is no logo showing. (I have uploaded a light version of the logo in the general settings, and I thought this would be used for devices?) Screenshots:
  
  [caption id="" align="alignnone" width="333"] iphone showing code and wrong header[/caption]
  
  [caption id="" align="alignnone" width="333"] iphone showing code and sidebar sections that are not supposed to be there[/caption]
  
  [caption id="" align="alignnone" width="333"] iphone showing code[/caption]
  
  On iPad, the problem is that there is a weird sliding animation thing happening when you scroll down, and the right side ends up having the background image overlapping the content area, pushing the content to the left. Screenshots:
  
  [caption id="" align="alignnone" width="667"] ipad doing weird slide animation with background pushing text area to the left[/caption]
  
  [caption id="" align="alignnone" width="500"] ipad weird thing happening[/caption]
  
  My website is: http://www.loveisaplacephotography.com
  
  Thanks in advance for any help.
- 9 years, 9 months ago Ruco
  Keymaster
  
  Hello,
  
  This is a screen shot how i see your site on iphone
  https://www.clipular.com/c/4844179391774720.png?k=Xr3lCd99ZnC0X0mpxkwF38GtdTE
  
  Maybe you had activated any plugin which changes the responsive view.
  
  Best regards!
- 9 years, 9 months ago willowbranch
  Participant
  
  Expired
  
  My apologies, I gave you the wrong website link! :( I’m an idiot. The website I need help with is
  
  http://www.willowbranch.com.au
- 9 years, 9 months ago Ruco
  Keymaster
  
  Hello,
  
  I can tell you for sure you must have installed something which changes the responsive view of your site.
  If you can write your wp credentials in a private reply, I can give it a look.
  
  Best regards!
  - 9 years, 9 months ago willowbranch
    Participant
    
    Expired
    
    This reply has been marked as private.
- 9 years, 9 months ago Ruco
  Keymaster
  
  Hello,
  
  I deactivated Jetpack and the responsive is ok now.
  
  Best regards!
- 9 years, 9 months ago willowbranch
  Participant
  
  Expired
  
  Thank you! :D It’s much better now!
  
  There are still a couple of issues; on the ipad the content is still going off to the right over the background.
  
  On the iphone, the logo is very tiny.
  
  Any ideas how to fix these issues?
  
  Thanks again.
- 9 years, 9 months ago Ruco
  Keymaster
  Hello,
  
  Please add these css lines at custom css code in general settings
  
  @media (max-width: 979px) and (min-width: 768px){ .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .header_7.header_wrapper .container { width: 669px; } .fixed_slider .boxed_layout .top_wrapper { width: 100% !important; } } @media (max-width: 480px){ #logo img { max-height: 72px !important; } }
  
  Best regards!
- 9 years, 9 months ago willowbranch
  Participant
  
  Expired
  
  Thank you, the logo looks good now. :) The iPad view is still the same though, with the weird animation sliding thing happening on the right.
- 9 years, 9 months ago Ruco
  Keymaster
  Hello,
  
  Plese add these lines at the end of the file cssbootstrap=responsive.css:
  
  @media (min-width: 768px){ .boxed_layout .container { width: 669px !important; } }
  
  Best regards!
- 9 years, 9 months ago willowbranch
  Participant
  
  Expired
  
  I added the code, but It’s still doing it. :(
- 9 years, 9 months ago willowbranch
  Participant
  
  Expired
  
  It’s okay, I’ve just made it fullwidth instead of boxed layout, and this eliminates the problem because there is no background. :) I’m happy with that. Thanks for all your help!

Viewing 10 reply threads

You must be logged in to reply to this topic.

Community Forums

Website not working properly on devices

Site Links

Useful Articles

Login