This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

How to change top margin?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #24716
    riror85riror85
    Participant

    Hello!

    How can I change the top margin on the search bar? Possible using CSS?

    I am using it in the menu, but now it is pushed to the top of the menu bar/header and I want to move it down a little bit – please see the attached image.

    Best regards

    #24730
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Hi!

    The safest way to do it would be using some custom CSS, such as:

    .asp_m {
        margin-top: 12px !important;
    }

    I am also noticing a possible line-height issue on your screenshot, regarding the magnifier icon, perhaps this will help that:

    .innericon {
        line-height: initial !important;
    }
    #25302
    riror85riror85
    Participant

    Thank you, that worked.

    But the problem now is that it pushes the whole menu down (even the menu items).

    I am using GeneratePress theme.

    Do you know if there is a solution for this?

    #25307
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Hi,

    Can you please share a link where I could see this? It will be nearly impossible to get it right via guessing unfortunately.

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