My Website is Unusable on Mobile Devices

[oldhavana]

I spent many hours so far building my website only to now realize that only HALF my logo appears on mobile devices and the navigation menu is completely nonexistant. I read other places on this forum that there's not even an option to turn off the mobile view? Can someone please help me as Weebly advertises as being completely mobile friendly yet I see so many other users with these kinds of problems. I dont want to change me theme either.

(I dont want to post a link because my site isn't finished and it's still password protected. I would upload an image of the mobile view but I cant figure out how to at all).

Thanks for the help.

[oldhavana]

I just figured out what caused this. I added this code in my main.less file because the logo area is WAY to small on every theme:

.header-wrap #logo img {
display: block;
overflow: hidden;
max-width: 1000px;
max-height: 500px;
}

This code allows me to have a much bigger logo yet it seems to completely ruin the view on mobile devices. Deleting this code fixes the problem on mobile yet makes my logo look like a pea on desktop. Is there anyway to just change the logo size on desktop without changing the mobile version's size? Again, Thanks for any help!

[bobafett]

@oldhavana:  The logo shrinkage is theme dependent as well as your image dependent.  Yoy will have problem if your logo has lots of blank space around it.

Also, no one can help you unless you post a link to your site.

[oldhavana]

Thanks for the response!

You had a good point about the link so i took the password off the homepage: https://oldhavanacigarco.weebly.com/

As you can see I chose a theme that had a logo independant from the nav bar and then I went ahead and edited the CSS so I could enlarge the logo (original size is WAY to small for what I need, sadly). If anyone has a workaround that will allow this to work on mobile that would be greatly appreciated.

[NJRFTF]

@oldhavana - I suspect you might be better off trying another theme - shrinking the window on my desktop resulted in the main menu disappearing!

[oldhavana]

You're right! Is there a specific theme I could use where that wouldn't happen and I can use the same logo size?

[NJRFTF]

@oldhavana

Here's the list of themes - try going through it and see what you can find...

https://www.weebly.com/themes

Good luck:-)

[oldhavana · Accepted solution]

Thanks alot for the suggestions. I changed to a few different themes previously and still had the same problems, however, I just tried out the "cleanlines" theme and that seems to have fixed all my problems. It allows me to have the large logo without any menu problems on smaller screens.

Thanks again for your help!

[MacUser]

maybe you use a redirection to a weebly homepage. If you have a domain and when you want to link it to weebly you dont have to use frames .... if you use an embadded frame it will allways look like a desktop-webpage. I made the same fault.