Title: mobile issues Last modified: August 22, 2016 --- # mobile issues * [vanjacou](https://wordpress.org/support/users/vanjacou/) * (@vanjacou) * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/) * 2 Mobile device display problems * 1) menu icon displays overlapping main logo. Any way to control menu position on mobile? * 2) content is compressed into narrow center column. (i.e. main image on homepage is kept small, and text on about page is in a narrow column.) Possibly main container width setting? % vs. px? * [http://kiervanja.com](http://kiervanja.com) Viewing 15 replies - 1 through 15 (of 25 total) 1 [2](https://wordpress.org/support/topic/mobile-issues-7/page/2/?output_format=md) [→](https://wordpress.org/support/topic/mobile-issues-7/page/2/?output_format=md) * Thread Starter [vanjacou](https://wordpress.org/support/users/vanjacou/) * (@vanjacou) * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510314) * OK Problem 2 was resolved by adjusting middle container margin settings to % rather than px… * Problem 1 is still there… * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510320) * Can you link a Webpage with the issue? * Thread Starter [vanjacou](https://wordpress.org/support/users/vanjacou/) * (@vanjacou) * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510417) * I did in the first post * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510426) * If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin) * Then use its “CSS Code” [section of the dashboard](http://wordpress.org/plugins/custom-css-manager-plugin/screenshot-1.jpg?r=704634) to hold your CSS modifications: * _Alternatively use your Child Theme style.css file to hold your CSS modifications:_ * ``` @media screen and (max-width: 760px) { #header { padding-top: 0; } .mobile-button { margin-top: 40px; } #main-nav.active { margin-top: 74px; } } ``` * Can you re-explain the 2nd question? * Thread Starter [vanjacou](https://wordpress.org/support/users/vanjacou/) * (@vanjacou) * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510456) * Thank you! * I was also emailed a similar fix from themify support. * They recommended this: * [@media](https://wordpress.org/support/users/media/) screen and (max-width: 760px){ . mobile-button { position: absolute; top: -70px; left: 45%; font-size: 3em; } } * I’ll try both. * The second question was simply me having set R and L padding on the middle container which compressed the content horizontally when viewed on a mobile device. I changed from padding to margins and pixels to percent and it’s much better now. * Thread Starter [vanjacou](https://wordpress.org/support/users/vanjacou/) * (@vanjacou) * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510459) * Well, yours wins! * Their version put the menu over the logo and shoved the log down over the main image! * Now i’m wondering how to get the drop down menu background to show up on the portion of the menu that drops down over the main image. I assigned it to white but it only is white in the header area. As soon as it goes over the body, the background turns invisible. Just the text links show up. Any thoughts? * Thanks for the help! * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510462) * I may have updated the code while you weren’t looking, sorry. Try it again. * Thread Starter [vanjacou](https://wordpress.org/support/users/vanjacou/) * (@vanjacou) * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510469) * I didn’t see a difference adding the * #main-nav.active { margin-top: 74px; } * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510472) * Oops, instead add this: * ``` #main-nav.active { bottom: auto; margin-top: 74px; } ``` * Thread Starter [vanjacou](https://wordpress.org/support/users/vanjacou/) * (@vanjacou) * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510492) * Cool, I see how that’s moving the drop down menu down… * How can I make the background of the entire drop down menu white so that the links can read when overlapping the main photo? * And how can I narrow the drop down menu width? * Thanks for the help! * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510493) * Uh! Forgot a style again!! This time I’ve double-checked, try this: * ``` #main-nav.active { bottom: auto; margin-top: 74px; height: auto; } ``` * Thread Starter [vanjacou](https://wordpress.org/support/users/vanjacou/) * (@vanjacou) * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510496) * Wow! Cool! * You’re the man! * Can I use * width: XXpx; * to control the width of that drop down? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510498) * Sure, but to keep it centred add a “margin-left” style of half your width value. But use minus. E.g. if you had a width of 130px you’d have a margin-left of - 65px * Thread Starter [vanjacou](https://wordpress.org/support/users/vanjacou/) * (@vanjacou) * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510500) * Awesome – Thanks! * I was just figuring that out when I saw your response. * Need some extra work? * I could use some help on my magento site… * vanjacouture.com * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/#post-5510501) * 😀 If it were work then it wouldn’t be fun Viewing 15 replies - 1 through 15 (of 25 total) 1 [2](https://wordpress.org/support/topic/mobile-issues-7/page/2/?output_format=md) [→](https://wordpress.org/support/topic/mobile-issues-7/page/2/?output_format=md) The topic ‘mobile issues’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/themify-base/1.2.4/screenshot. png) * Themify Base * [Support Threads](https://wordpress.org/support/theme/themify-base/) * [Active Topics](https://wordpress.org/support/theme/themify-base/active/) * [Unresolved Topics](https://wordpress.org/support/theme/themify-base/unresolved/) * [Reviews](https://wordpress.org/support/theme/themify-base/reviews/) * 25 replies * 2 participants * Last reply from: [vanjacou](https://wordpress.org/support/users/vanjacou/) * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/mobile-issues-7/page/2/#post-5510516) * Status: not resolved