Jump to content

Why is our logo A tag pushed down?


simona6

Recommended Posts

On our own website we noticed the link of the Logo is half way down the image, so when you have the popup menu, if you click just in the wrong place you go to to the homepage.

If you visit our website: https://www.79design.org.uk, in Firefox, outline block elements and you see a DIV or A tag that is half way down the logo on the top left.  and it protrudes below the logo.

I've no idea why any designer would do that (this is a WP theme), and no idea how to correct it.  Any help would be appreciated.

Link to comment
Share on other sites

Yes, but couldnt' see anything to close it up.  I have since found the Mega Menu CSS, and put a z-index of high value that puts a plaster over the problem.

But can't find a way to just shift that square... UP.  apparentrly it's there to centre the logo, but why that has to shift down, I don't know.

Link to comment
Share on other sites

UK here so signing off for now.  If you can see the CSS causing it, so i can just shift it up, it would be appreciated.  Whatever I alter, seems to change the size of the logo.  OR shift the whole block down, rather than just that bordered bit.

As I say, doing it via the UL of the mega menu has place it OVER the DIV, so the problem has gone.  But it's not the most ideal solution.

So if you can spot one - thanks.

Link to comment
Share on other sites

"Outside a class"?

Screenshot #1: grve-wrapper selected below, bounding box shown above is too low, highlighted CSS on the right shows a few rules
Screenshot #2: with the position:relative and top:50% rules disabled, the bounding box is in the correct location but the image is too high
Screenshot #3: img selected (the one that's visible), bounding box shows it's too high on the page, highlighted CSS shows a few rules
Screenshot #4: with the top:-50% rule disabled, the bounding box is in the correct location

  • Like 1
Link to comment
Share on other sites

.grve-logo .grve-wrapper img {
top: 3%;
}

.grve-logo .grve-wrapper {
top: 3%; 
}

Actually it's a little more like this I think, else the logo is rammed at the top of the DIV with no spacing.

This seems to get it virtually spot on.

Goodness knows why they coded what they did tho - I'm sure they have their reasons, but it makes no sense to me.

Link to comment
Share on other sites

If this is coming from some theme then your first course of action would be to contact the author. Not just to see if there's a fix, but also to see if there was a particular reason it was done this way (not that I can think of one). And once fixed, anybody else using it would be able to benefit from your investigation.

If you can't contact the author, or the theme is old and unmaintained, or whatever, then edit the theme.

Link to comment
Share on other sites

The theme people told me once, they do not think of it as a fault.  As it is to centralise the logo.  They gave me code years ago, but it has since been lost with theme upgrades.

So the second option is best.  That code I entered has done the trick.  So thank you sincerely.

Link to comment
Share on other sites

6 hours ago, simona6 said:

The theme people told me once, they do not think of it as a fault.  As it is to centralise the logo.  They gave me code years ago, but it has since been lost with theme upgrades.

They are stupid and wrong. Perhaps it worked once long ago, but right now it's clearly not the right behavior.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.