Archived topic
Remove margin below and above menu image.
15 replies · Started by User on April 11, 2023
Hello,
I run https://yourglobalgamer.com/
The menu has an image button that says "Free Games" in the top-right.
I want there not to be a margin above or below the image.
Here is an example of the look I want:
https://www.pcgamesn.com/
In other words, I don't want the blue to be below or above the image; the bottom of the header navigation bar should also be the bottom of the image and vice versa.
Hi George,
To clarify, are you looking to achieve something like this?: https://share.getcloudapp.com/RBurZj6Q
Yes, exactly that! :)
Can you add the image first?
I believe this option would help:
https://docs.generatepress.com/article/navigation-as-a-header/
Hey,
I've already added the image.
Please look at the top-right corner.
It says, "Free Games"
Go to Appearance > Customize > Layout > Header. Make sure the top and bottom padding are set to 0.
Reference: https://docs.generatepress.com/article/header-layout-overview/
Is this only available to GP Premium users?
Yes, it is.
Can you provide me with Custom CSS so I can apply this code to my extensive list of websites.
Try this:
header .inside-header {
padding-top: 0;
padding-bottom: 0;
}
You can also add this to make the image's height equal to that of the Header:
span.menu-image-hover-wrapper img{
height:62.5px !important;
}
Hello,
I added the code, and it almost worked; however, there is a small gap above the picture.
I'm not seeing the code added on the site linked. Did you remove it?
If you didn't, can you clear all caching mechanisms set on your site?
Hello, I need support with another problem.
I am trying to change the typography of my author details on a post.
Here is an image:
https://drive.google.com/file/d/189YjhjKgDDIu1LNXMUd9c_-xV6Bzb-Iq/view?usp=sharing
please let me know what I should change in the CSS.
Hi George,
We moved the support forum here: https://generate.support/
Can you open a topic there instead?
I can't log in properly, unfortunately.
Would you mind assisting me here instead.