Solved

pic in header needs to resize on mobile

Posted on 2016-10-27
4
81 Views
Last Modified: 2016-10-28
I need to include the arch logo to right of logo badge (Johnston's Bakery. The 3 arches represent 3 individuals so all 3 MUST display at all times.

http://36a.ed7.myftpupload.com/

1.How do I tell wordpress to resize the arch logo on mobile devices?   Right now, the logo slides off the screen.
2.  How do I tell system that arches are to appear BELOW badge logo?
3. Why does badge logo disappear on phones?
0
Comment
Question by:nsitedesigns
  • 3
4 Comments
 
LVL 18

Accepted Solution

by:
Serena Hsi earned 500 total points
ID: 41863318
The badge logo shows up fine for me on the iPhone 5, but only one arch shows up and it appears as though the badge is in front of the arch.

What happens when you add the logo and arches into separate places?

Under WP Admin / Settings - there's an upload section for logos.

And for your 3 arches image, go to WP Admin / Appearance / Header
0
 

Author Comment

by:nsitedesigns
ID: 41864125
Problem is they have TWO logos.  The Johnston's Bakery Badge and the Arches.  BOTH have to have equal billing.  I need to figure out how to have one appear ontop of another on mobile devices.  Or, have them both sit next to each other.  I just couldn't figure that out.

Not sure what you mean by, "adding the logo and arches into separate places?" They both need to have equal importance.  Both are company logos.

I do not see any place to add logos when I go to settings.  See screen shot
http://screencast.com/t/OkBFHzRB

I can't add two header images under Appearance/Header.  I can only add one.
0
 

Author Comment

by:nsitedesigns
ID: 41864229
We are going a different route.  The MAIN logo will now be composed of TWO logos in ONE image.
0
 

Author Closing Comment

by:nsitedesigns
ID: 41864233
Thanks for the suggestions.
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Ensuring effective and secure communication in the age of healthcare BYOD.
The viewer will learn how to dynamically set the form action using jQuery.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

774 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question