Community Forums › Forums › Archived Forums › Design Tips and Tricks › Sidebar lower on mobile devices
Tagged: Sidebar
- This topic has 9 replies, 2 voices, and was last updated 10 years ago by
David Chu.
-
AuthorPosts
-
February 10, 2015 at 3:54 pm #140388
ccophoto
ParticipantI 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,
RegulaFebruary 10, 2015 at 5:32 pm #140401David Chu
ParticipantHi,
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
February 10, 2015 at 5:46 pm #140404ccophoto
ParticipantThanks 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,
RegulaFebruary 10, 2015 at 8:31 pm #140426David Chu
ParticipantRegula,
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
February 11, 2015 at 10:58 am #140482ccophoto
Participantyou lost me right in the beginning. -
Which is the main.css ?
Sorry, I am not really experienced.
Thanks so much.February 11, 2015 at 11:32 am #140484David Chu
ParticipantAh, 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
February 11, 2015 at 11:55 am #140488ccophoto
ParticipantWOW. 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,
RegulaFebruary 11, 2015 at 11:58 am #140490David Chu
ParticipantSuper! 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
February 11, 2015 at 12:47 pm #140497ccophoto
ParticipantSure, I keep your contact. One of these days I need to redo the design of my sites.
Thanks again,
RegulaFebruary 11, 2015 at 1:12 pm #140498David Chu
ParticipantCoolness, see you later, Regula!
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.