Joomla Templates Club 406,261 posts

[vibedigital Friend vibedigitalJoin date: December 2013Posts: 38Downloads:0Uploads:1 Thanks: 8 Thanked: 6 times in 1 posts]

#197264

I am having an issue with the way the background looks on mobile. I am using a background image which i fixed, no repeat, but it’s not fixed on an iPhone. When I pull the browser in horizonatally on the PC it still looks great, but not on the iphone. (you’ll physically need to check it on a mobile device to see this).

Also- the logo gets cut off on mobile.

If someone could guide me how to fix this (maybe by putting in a media query or two) I would be so very appreciative!

Thank you!!

http://www.melodime.com/

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#533552

You can try to fix the problem with my workaround below:

Open the templates/ja_fixel/css/template-responsive.css file

Change

.logo {
margin-left: 41%;
}

To

.logo {
margin-left: 0%;
}

Let me know if it helps.

[Author]

Posts