Header Not Responsive for iPad

[Cheshire]

Hi

Theme: Outreach Pro

I put a Header in which is 1140px x 200px and changed the CSS to:
/* Site Containers
--------------------------------------------- */

.wrap {
margin: 0 auto;
max-width: 1140px;
}

but it isn't showing properly on my ipad - it is cutting off at the phone icon and isnt reducing down to fit the screen

Also the Navigation Bar goes to 2 lines - that also isnt shrinking for the screen size of the ipad

Do I need to install WpTouch so that it is responsive?

http://completefinsol.com.au/

[Christoph]

Hi,

no, WPTouch would make everything worse.
You can add smaller images in the media queries or use something like https://sridharkatakam.com/inline-logo-in-genesis/

As for the navigation bar, there is only so much physical space.
If you wanted to keep everything on one line, the font would be so microscopic that nobody could read it.
But you could change the font-size for .genesis-nav-menu { and the padding for .genesis-nav-menu a { in one of the media queries or make the hamburger menu appear sooner.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Cheshire]

Hi Christoph

Sorry for the delayed reply - thanks for your help

Ive been trying to get my head around your answer......

I'll start with the header first.........

You can add smaller images in the media queries or use something like https://sridharkatakam.com/inline-logo-in-genesis/

How do i add the smaller images to the media queries? - this seems like an easier solution with less possibility of breaking later on with updates.

Thanks so much for hand holding me through this - I always like learning new coding skills, but this one is not being obvious to me! 😉

Jayne

[Christoph]

Hi,

not sure if I would call it the easier solution and I doubt it would break with WordPress updates, but here is a
tutorial on using different sized images: http://thepixelista.com/responsive-genesis-child-theme-logo/

Just ask if you have any questions 🙂

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Cheshire]

Thanks Christoph - some things to play with 🙂

[Author]

Posts