Education Theme-Logo & Menu not responsive

Community Forums Forums General Discussion Education Theme-Logo & Menu not responsive

This topic is: not resolved

This topic contains 13 replies, has 3 voices, and was last updated by  John 1 year ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #44157

    Baba
    Participant
    Post count: 32

    I originally attached a reply to Dhuse who submitted a post on May 5th but no one has responded.

    I’m using the Education Responsive Theme.  In the theme’s demo the Logo and the Primary Menu are responsive.  When viewing the demo on an iPhone, the Menu drops below the Logo.

    My web site is not working in the same manner.  I have tried two logos.  One sized 332 x 83 and one sized 1140 x 120.  Neither is coming up responsive.  I used ”Appearance” on the dashboard.  Then ”Header” to select the image from my computer for the Header.  I thought that by using this method, my header would automatically be responsive since the online Theme Demo shows everything as responsive and in working order.  I didn’t anticipate editing code or adding code just to make the logo work.

    I also found the original Theme Logo file in my WP-Content folders and replaced the Education Theme logo with my own smaller logo file instead of going through the Dashboard.  That logo is not responsive either.

    I also found a few forum posts that suggest using Nick’s plugin.  This plugin is not showing up on the WordPress plugin list.  Is this safe to use?  I searched for Genesis Responsive Header and nothing showed up.

    Any word on why my logo (or theme) is not responsive?  How can I fix this?

    Thanks!

     

     

    #44173

    David Chu
    Participant
    Post count: 1326

    Hi,
    The Education demo does not use an image up in the header, it’s just the text that WP pumps out if you fill in the site title and subtitle/slogan/tagline. So I’m afraid that to get that looking spiffy, some CSS work may be needed. This is a very common issue, because no 2 people want the same size/orientation of their logo image, nor would they ever agree on exact placement of their image, and that’s true of any theme.

    But if you’d like to try Nick’s plugin, that may help.

    It’s also possible that official Studiopress support may help you with that, but I’m not sure.

    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #44176

    Baba
    Participant
    Post count: 32

    Thanks David.  I’ll give both a try.

    #47689

    Baba
    Participant
    Post count: 32

    David, I tried Nick’s plug-in. I even had to add some code to “@media only screen and (max-width: 800px){” section. I still encountered problems with the menu overlapping the logo. I noticed that I had 5 menu tabs whereas the Education Theme demo had only 4, so I deleted the 5th tab and now everything looks good. Unfortunately, I can’t use more than 4 tabs in the primary menu.

    Today I discovered that my logo is invisible on my website when viewed with Internet Explorer 9 or older. I can hover over the place where the logo should be, click, and it takes me to the Home page. I converted the original .png image to a .jpg but it is still not showing up. Any ideas why IE9 and below won’t display a .jpg graphic logo? Also, some of my jquery menus are not viewing properly in IE9 and below. On some pages they are viewed perfectly and on others they are not.

    Thanks!

    #47696

    David Chu
    Participant
    Post count: 1326

    Sorry, no – I certainly can’t give even a casual opinion without having a link to look at. And the number of factors and problems may go beyond the scope of free volunteer help, at least mine.

    I can tell you this: as a professional developer, I’ve always had to tweak responsive code for a site’s header. It’s never the same request twice.

    Good luck, Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #49222

    John
    Participant
    Post count: 155

    Baba,

    If you’re still having problems with your logo on the Education theme, this should help: How to replace the StudioPress background header image with a real image logo

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #49345

    Baba
    Participant
    Post count: 32

    Hi John, I recently discovered that my jQuery Vertical Accordion Menu plugin is conflicting with either my theme or something in IE9 and below. When I disable the plugin my logo becomes visible but unfortunately my menus become only linked list items and aren’t very dynamic. The Genesis Responsive Header plugin (Nick’s plugin) has made my header logo responsive.

    I tried the steps in the link you sent. My logo changed sizes from it’s actual size and my entire website disappeared except for the primary menu, logo and footer. When I re-sized my browser to see if the logo was responsive, the rest of my website reappeared (only in the smaller format). Unfortunately, I’m not fluent in css and I’m not very good at knowing how to use the Firebug efficiently. So, figuring out why most of my website disappeared after making the suggested changes is beyond me.

    Thank you for responding to my post. I won’t give up on using the information you have given me. It’s just going to take quite a bit of learning on my part.

    #49352

    John
    Participant
    Post count: 155

    Can you provide a link to your site?


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #49355

    Baba
    Participant
    Post count: 32

    John, I changed everything back to the way it was. http://72.165.8.69/GrahamWEB13/

    #49357

    John
    Participant
    Post count: 155

    Right on. In the blog post I included a link to a site using the Education theme. If you follow through with the changes on your site you could then compare the style.css files to see what further edits you’d need to make to finish the process for your theme.

    It does take some work and think-time, but the end result is worth it.


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #49365

    Baba
    Participant
    Post count: 32

    Cool. And would I compare the css files by using the Firebug?

    I did notice that my logo is more than twice the size of the one on your sample site as well as on others that are using the Education Theme. Could this be creating more problems for my site?

    Thanks a bunch!

    #49367

    John
    Participant
    Post count: 155

    Yep, Firebug is one way, and probably the best way, to do that.

    Yeah, I noticed that too. It wouldn’t hurt to downsize that logo.


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #49370

    Baba
    Participant
    Post count: 32

    John, I believe the area for the Education Theme title/image is 332 x 83. My image is 500 x 125. We loose a lot of detail in the Seal when we go smaller. You say it wouldn’t hurt to downsize but will it hurt to try to keep the larger size? Does the larger size cause other things not to function properly or does it just mean that I will have to edit many more areas of the css?

    Sorry for all the added questions. I can’t believe that just trying to insert a logo (into this theme design) has turned into a mini nightmare. You had no idea what you were getting into when you responded to this post! Thanks for all the patience/support.

    #49376

    John
    Participant
    Post count: 155

    It just seems a little big proportionately to me. Try this one: http://db.tt/AOKkUwd2


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.