making menu full width

  • I’d like to make the top menu full width so it spreads across the screen.
    I’ve tried adding left and right margins but it drags the buttons and the search box with it. Basically i just want to add a lot of padding to the left and right side of the top menu.

    https://paintyourphoto.com.au/

    Any help is much appreciated.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Have you talked to ElegantThemes about this?

    Thread Starter PetruTiglar

    (@petrutiglar)

    No I haven’t.
    All customizations including that top menu have been manually integrated.
    my question is not referring to the theme, Just the basic CSS to edit my own customizations.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Add:

    #top-menu {
 position: absolute;
 left: 0;
}

    Thread Starter PetruTiglar

    (@petrutiglar)

    Thanks Andrew.

    I didn’t mention but I also tried that.
    it worked better than the Margins but it still stretches the menu items and search field to the left or right.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Then what you require is a change to a template file – regarding your theme specifically. You need to wrap your menu and search in another <div> element – then center that element (alongside your absolute positioning already recommended).

    Thread Starter PetruTiglar

    (@petrutiglar)

    That would make perfect sense!
    Thanks for the help ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘making menu full width’ is closed to new replies.