[Megan]

My mobile site isn’t functioning properly and I’m wondering if anyone has any ideas as to how to fix it.

1.) I centered the site title on my website – shows up perfectly on a computer, but when viewed on my phone, there’s no title at all visible if the phone is held vertically, and if held horizontally, the title is all the way to the right side and is on two lines. I really want it to show up on the MIDDLE of both mobile and computer. Is there something I need to do differently in the layout?

2.) In my menu, everything shows up great on mobile with the exception of the sub categories under the “travel” dropdown. They won’t show up at all….but they do show up on the computer.

3.) One more thing…on the regular, computer version of my site, my slider’s “read more” button is hidden (it falls too low in the image) so it’s not clickable, leaving the slider useless to users.

Any help or input would be VERY much appreciated – I am new to this! 🙂 Thanks!

[Zed]

1. The option that exists in the theme is to add extra left margin to the title/logo, not center it. If you add too much left margin then the title/logo will go off-screen on smaller devices.
Custom CSS can be used to center the title/logo which will also work for mobile devices.

2. Due to the selected colours, the submenus are white text on white background on mobiles. If you cannot reconfigure colours to make them visible, use this custom CSS instead:

body #access ul ul li a {
    color: #181818;
}

3. Make the slider text shorter or the slide images taller for everything to fit in.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts