This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

logo and menu op top padding

Resolved 12 replies premiumthemetheme-vantage
jvanbavel
10 years ago · Last reply by Andrew Misplon 10 years ago

Hi there

I would like to bring down the menu a little so it is lined out with the text in the logo
The menu is in a widget
What css can I use for the padding ?

And please can I transform the menu widget into a responsive menu ( ‘hamburger’) with css ?

(How I wish I could do this myself in the css editor but that still does not work : ( )

Thanks
JvanBavel

URL: http://dutchnaturalista.com/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

12
  1. Andrew Misplon Staff 10 years, 6 months ago

    Hi Jvanbavel

    Thanks for reaching out. You could try the following:

    /* Header Sidebar */
#header-sidebar {
	margin-top: 10px;
}

    The header widget area, custom menu widget, doesn’t have a mobile menu attached to it. I’d recommend switching over to the Logo in Menu layout from Appearance > Theme Settings > Layout and then using to Appearance > Customize > Theme Design > Menu to adjust the colors as required.

  2. jvanbavel 10 years, 6 months ago

    Kind Andrew

    I tried that but the logo then lines out above the menu and that is not the intention

    If you have a sloution for that as well ?

    REgards
    JvanBavel

  3. Andrew Misplon Staff 10 years, 6 months ago

    To get the responsive menu working you’d need to shift this over to the Logo in Menu masthead. Once that’s done we could help with any further adjustments required.

    It sounds like you just need to reduce the main menu item padding after changing the masthead layout:

    /* Menu Padding Horizontal */
.main-navigation ul li a {
	padding-right: 25px;
	padding-left: 25px;
}

    Adjust as required.

  4. jvanbavel 10 years, 6 months ago

    Hi Andrew

    yes i did not want to show to the owner of the website the ugly lay out with logo high and menu low ; )

    So i did that now
    And brought back the padding to 15 ( less is not good)
    Also I removed the ‘search’ to give it more space but still the logo is high and menu low.

    Appreciate help

    Thanks
    JvanBavel

  5. jvanbavel 10 years, 6 months ago

    Perhaps we can make the header a bit wider ?
    If that solves the problem ?

  6. jvanbavel 10 years, 6 months ago

    n.b. i have put back the search button since it made no difference for the lay out : )

  7. Andrew Misplon Staff 10 years, 6 months ago

    You can try the following at Appearance > Custom CSS:

    /* Header Width */
body.responsive.layout-full #page-wrapper #masthead .full-container {
    max-width: 1200px;
}

    Adjust as required.

  8. jvanbavel 10 years, 6 months ago

    Hi Andrew

    I found the mistake

    Actuall;y there are 2 places where you can upload the logo and mine was uploaded in Customizer.
    There it is put in a seperate row and whatever you do the logo wil stay hovering above the mennu

    So I took it out and placed it again but this time with the Theme Settings and voila.

    It s a pity that placing the menu with header widget is not yet responsive cause that actually worked really well as a lay out.

    Thanks again for the assist.

    JvanBavel

  9. jvanbavel 10 years, 6 months ago

    ps in the Iphone I still do not get the so wanted hamburger menu ? And yes I ticket the box Responsive Layout

    Scale your layout for small screen devices.

    How is that possible ?

    Scusi for yet more questions ; )

    JvanBavel

  10. Andrew Misplon Staff 10 years, 6 months ago

    Glad to hear you’re making progress and for your feedback.

    Appearance > Theme Settings > Navigation > Mobile Menu Collpase is set to 0. It’ll never collapse as no viewport is 0 pixels wide. Try 480 or upwards. 780 if you want to initiate for tablet portrait. 1024 for tablet landscape.

    Hope that helps :)

  11. jvanbavel 10 years, 6 months ago

    Hi there Andrew
    Yeah that helped ; )))))))

    I also can finetune the menu in all directions now so thats cool

  12. Andrew Misplon Staff 10 years, 6 months ago

    Awesome, glad to hear you made progress :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread