My website logo is cut off on my...

User 327365 Photo


Registered User
26 posts

I've done a basic web site layout in RLM and it looks ok on my desktop PC and iPad. On my mobile (Nokia Lumia 620 Windows 8.1), the logo mostly disappears in portrait view and is only partially there in landscape view. The logo is a .svg image I made in Inkscape so should be scaling down, or so I thought. I've tried adjust the padding in RLM and that made the logo appear briefly but then it reverts back to it's previous state. Any ideas what i'm not doing?

Here's the link: http://patzwebdesign.com/test/index.html

Thanks
Paddy
User 103173 Photo


VP of Software Development
0 posts

I am not seeing any issues here Paddy. The logo maintains a full view as far as I can tell at all times. Can you post a screenshot of what you see?
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2088758 Photo


Senior Advisor
3,087 posts

I am not seeing an issue either. Looks good on iphone, android and my hp tablet
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 327365 Photo


Registered User
26 posts

I'm not sure how to take a screen shot on the mobile so I've taken a photo with the iPad. It's not very good but I think you'll be able to see what I'm talking about. :)
Attachments:
User 103173 Photo


VP of Software Development
0 posts

Here is what I see on my iPad.

landscape:
http://s23.postimg.org/3lfvfwdzf/image.jpg

Portrait:
http://s2.postimg.org/i2stc9t6h/image.jpg

I think you probably have some network issues as you can see the images are not loading.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 327365 Photo


Registered User
26 posts

Maybe it's stupid old Internet Explorer on the Nokia! Thanks for having a look anyway. If the logo shows up on the other formats and OSs, that's good.

Oh btw, I haven't put any images up yet, apart from on the home page, I just wanted to see what the layout looked like.
User 434929 Photo


Ambassador
938 posts

@media screen and (max-width: 315px) {
/* Text Elements */

h1.tagline {
display: none;
margin-left: 51%;
width: 100%;
font-size: 16px;
}
}

@media screen and (max-width: 273px) {
/* Text Elements */

h1.tagline {
display: none;
margin-top: -11px;
margin-bottom: 7px;
font-size: 15px;
}


I can see the issue here , this text Smart Websites @ Affordable Prices at small screen it hide itself as you set display none for those small devices.
You have to set your CSS media Queries display at (max-width: 273px) and (max-width: 315px) to block instead of none

change them to display as block then you will see them
Guys at coffeecup are awesometacular.
User 434929 Photo


Ambassador
938 posts

see following video please
http://www.youtube.com/watch?v=mnru2FIsu4w
And this tutorial
http://www.youtube.com/watch?v=9OQJJ6M2Euw
Guys at coffeecup are awesometacular.
User 327365 Photo


Registered User
26 posts

Mansour, thank you very much for you help, I really appreciate it. :)
Paddy
User 434929 Photo


Ambassador
938 posts

Paddy wrote:
I'm not sure how to take a screen shot on the mobile so I've taken a photo with the iPad. It's not very good but I think you'll be able to see what I'm talking about. :)


How to capture a screenshot on iphone
0. Navigate to the screen you want to capture
1. Press and hold down Home (round button center bottom)
2. Press and release Sleep (top right button of phone)
2a. You will hear a camera-like shutter sound
2b. Release Home button
3. Screenshot is in photo album

For Samsung Galaxy phones

Pressing the Power and Home buttons at the same time will grab an image of the screen. This can be awkward to get right, so it’s important to remember to press both buttons at the same time, and hold them until the shutter sound is heard. (You need to hold the Power button slightly before pressing the Home button, then hold them both down.)

Then navigate to your phone storage , you will see a folder named "Screenshots" your screenshot it will be there .

in most recent Samsung Galaxy phones > setting > My device > Accessibility > Enable Assistant menu . You have small screen button for taking screenshots.
Guys at coffeecup are awesometacular.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.