Onepress – Horizontal position of Nav menu in header

  • sergiomorais

    (@sergiomorais)


    6 years ago

    Hi,

    Any way to customize the nav bar menu horizontally?

    I have included a search bar to the menu via the “Shortcode in Menus” plugin but the bar is positioned right up against the top of the browser window. I would like to insert some padding above the search bar.

    https://tinyurl.com/y7sbrf3w

    Thanks

Viewing 10 replies - 1 through 10 (of 10 total)
  • congthien

    (@congthien)

    Hi @sergiomorais,

    Please try to add this to Customize => Additional CSS:

    .wpdreams_asl_container { margin-top: 25px !important; }

    Let me know!

    Thread Starter sergiomorais

    (@sergiomorais)

    Hi @congthien,

    Well that worked well! Thanks.
    Sorry to bother you again but looking at the menu items they now look out of place. Any way to shift these down also? Perhaps centered within the header or search bar?

    Thanks again

    @sergiomorais

    First thing, I recommend you remove this code. See link:
    https://cl.ly/a8c4c663b83d

    then reduce the form margin top:

    .wpdreams_asl_container { margin-top: 15px !important; }

    and the result: https://cl.ly/98ef5b80f5a1

    Hope it helps!

    Thread Starter sergiomorais

    (@sergiomorais)

    Hi @congthien,

    Yes. I can see how this will work.
    However, I am unable to locate the sequence of code:
    .main-navigation {
    margin-top: -9px !important;

    I have searched my files for that text content within the WP folders & sub-folders and have come up empty-handed.
    Any thoughts?

    Thanks

    Thread Starter sergiomorais

    (@sergiomorais)

    Hi @congthien,

    Yes. I can see how this will work.
    However, I am unable to locate the sequence of code:
    .main-navigation {
    margin-top: -9px !important;
    }
    I have searched my files for that text content within the WP folders & sub-folders and have come up empty-handed.
    Any thoughts?

    Thanks

    Theme Author FameThemes

    (@famethemes)

    @sergiomorais

    Did you use any plugin to add the custom CSS? Or please check again in Customize => Additional CSS.

    Thread Starter sergiomorais

    (@sergiomorais)

    Hi @famethemes,

    Well I have been using Elementor to build the site.
    However, I believe the Additional CSS section might be bridged by the Onepress theme or or is it native WP?
    (Hope I haven’t made this confusing..)

    Thanks

    Theme Author FameThemes

    (@famethemes)

    @sergiomorais

    The Additional CSS is a part of WP, you can see in Customize.

    Thread Starter sergiomorais

    (@sergiomorais)

    Hi @famethemes,

    Ok then.
    Going back to the original post then, where would I find the mentioned code in order to delete it:
    .main-navigation {
    margin-top: -9px !important;
    }

    I cannot seem to find it..

    Thanks

    Theme Author FameThemes

    (@famethemes)

    @sergiomorais

    This is not custom CSS from the OnePress theme, we also don’t add it. So we can’t know where it is.

    If you don’t add it, try to disable all your plugins then check again.

    Or try adding this:
    #site-navigation { margin-top: 0 !important; }

    Hope it helps!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Onepress – Horizontal position of Nav menu in header’ is closed to new replies.