Sidebar lower on mobile devices

[ccophoto]

I use a primary sidebar on my Magazine theme, and it shows correct on my PC's browser. Google Chrome and Firefox.
But on my iPad, the sidebar is way below the content. What might be going on?

Any idea on how to fix this?

Thanks,
Regula

http://www.heebphoto.com

[David Chu]

Hi,
You have an old version of the Magazine theme, which doesn't have any responsive code in it (code for small devices).

The easiest thing to do would be to upgrade to the latest version of the Magazine theme, which would likely cost less than hiring someone to add the responsive code.

You could also have a look at the latest version and make sure it's what you want.

Cheers, Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[ccophoto]

Thanks David,
I actually do have the right to download the Magazine Pro. I just worry a little about complications I might have when I use that theme instead of where I build the site. I don't have a lot of time right now to make many adjustments if necessary.

Question: I have another website http://www.ccophoto.com which also uses the Magazine theme, and that sites sidebar is showing correctly on my ipad.
Why could that be?

Thanks,
Regula

[David Chu]

Regula,
There's nothing wrong with being cautious! 🙂

Guess what, I found something very hidden. This was an interesting brain-teaser, and I'm extremely persistent. 😉

When I narrowed the screen, I found this little bit of code, not in style.css, but in main.css. Someone was apparently trying to do just a little responsive code, and I missed it the first time because I only looked at style.css. If you comment out the margin-left setting here, I'm pretty sure your page will become just like the Cascade site.

media="all"
@media (max-width: 1024px) and (min-width: 769px)
.sidebar {
   margin-left: 10px;
}

So if that works, you sort of have a little reprieve from an upgrade. 😉

Cheers, Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[ccophoto]

you lost me right in the beginning. -
Which is the main.css ?
Sorry, I am not really experienced.
Thanks so much.

[David Chu]

Ah, it's in a plugin's CSS! Nasty! 🙂 The Gallery Bank thing, whatever that is.

Since this forum butchers code, please have a look here. Code and directions. That should do the trick.

Cheers, Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[ccophoto]

WOW. it worked.
Thank you so very much.
And yes I have a Gallery Bank plugin. -Maybe I need to look into finding a better image plugin.
Thanks again. Without people like you I could not do my own websites.
Best,
Regula

[David Chu]

Super! You can hire me for big stuff. 😉
I think your gallery should be OK. My fix is very light on the land.

I'm honestly not sure why they would play with sidebar styling. One of those things.

Cheers, Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[ccophoto]

Sure, I keep your contact. One of these days I need to redo the design of my sites.

Thanks again,
Regula

[David Chu]

Coolness, see you later, Regula!

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts