• Resolved freebrian

    (@freebrian)


    I am using Zerif Light theme. The menu bar at the top of the page is covering the meeting form headers. How do I position the meeting form lower on the page?

Viewing 6 replies - 1 through 6 (of 6 total)
  • You probably have to give something some top padding or margin.

    Do you have a link I can see?

    Maybe something like

    #meeting, #location { margin-top: 100px; }

    Thread Starter freebrian

    (@freebrian)

    This is a link to the page I’m having a problem with. I do need padding but do I do that in CSS or is there another way of doing it? I am a rank amateur.

    https://www.district28wp.bdsdesign.com

    Ok yeah actually it should be:

    #meetings, #meeting, #location { margin-top: 100px; }
    #meeting .page-header, #location .page-header { margin-top: 0; }

    And yes, add it in CSS. If there isn’t a way to add custom CSS to your theme in the Appearance > Customize area, then try this plugin: https://www.ads-software.com/plugins/simple-custom-css/

    It’s going to look good!

    Thread Starter freebrian

    (@freebrian)

    Thanks for your help. I added that to the css file using editor tool in dashboard. Didn’t do anything. I think I need to find someone to help me with this. I think there is someone on the area web committee that may be able to help.

    It’s hard to tell because it looks like you just switched themes. But don’t edit the theme CSS files, because they can get updated and you’d lose your changes.

    Good luck.

    Thread Starter freebrian

    (@freebrian)

    I lack a basic understanding of wp. What I do have is dogged determination and willingness. I’ll get it. Thanks again.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Menu Bar Covers Meeting Headers’ is closed to new replies.