[Support request] Remove margin below and above menu image.

Home Forums Support [Support request] Remove margin below and above menu image.

Home Forums Support Remove margin below and above menu image.

  • This topic has 15 replies, 4 voices, and was last updated 1 year ago by David.
Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #2606541
    George

    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.

    #2606580
    Fernando
    Customer Support

    Hi George,

    To clarify, are you looking to achieve something like this?: https://share.getcloudapp.com/RBurZj6Q

    #2607911
    George

    Yes, exactly that! 🙂

    #2607920
    Leo
    Staff
    Customer Support

    Can you add the image first?

    I believe this option would help:
    https://docs.generatepress.com/article/navigation-as-a-header/

    #2607979
    George

    Hey,

    I’ve already added the image.

    Please look at the top-right corner.

    It says, “Free Games”

    #2607983
    Fernando
    Customer Support

    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/

    #2607999
    George

    Is this only available to GP Premium users?

    #2608014
    Fernando
    Customer Support

    Yes, it is.

    #2609009
    George

    Can you provide me with Custom CSS so I can apply this code to my extensive list of websites.

    #2609028
    Fernando
    Customer Support

    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;
    }
    #2609256
    George

    Hello,

    I added the code, and it almost worked; however, there is a small gap above the picture.

    #2609260
    Fernando
    Customer Support

    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?

    #2615516
    George

    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.

    #2615536
    Fernando
    Customer Support

    Hi George,

    We moved the support forum here: https://generate.support/

    Can you open a topic there instead?

    #2615553
    George

    I can’t log in properly, unfortunately.

    Would you mind assisting me here instead.

Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.