Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 30, 2014 at 12:54 pm #216917
    PietroPeride

    Hello, here is the website I’m working on: http://www.studiotecnicomoscatelli.net

    What I am trying to do is to have the header image be full-width and place the menu right under it..centered if possible.
    You can see what I would like it to be in the special header at the beginning of the page.

    Is there a way to make this possible? Thank you for the support.

    January 31, 2014 at 7:30 pm #217616
    Yigit

    Hi PietroPeride!

    Please go to Enfold theme options > Header tab and choose to display “Header with social icons and bottom navigation” header type. Then add following code to Quick CSS in Enfold theme options under Styling tab

    #header_main .container { width: 100%; }

    Best regards,
    Yigit

    February 1, 2014 at 3:24 am #217700
    melonmelon

    but this only expands the header to full width. what about moving the menu BELOW the image?

    February 1, 2014 at 7:41 am #217720
    Ismael

    Hi!

    The “Header with social icons and bottom navigation” header already have a bottom navigation or menu. It is below the logo or the image.

    Regards,
    Ismael

    February 4, 2014 at 12:00 pm #219289
    PietroPeride

    Thank you, it did the trick.

    If anyone needs it here is the full CSS used:

    #header_main .container { width: 100%; }
    .bottom_nav_header.social_header #header_main .container {
    height: 160px; }
    div .logo { left: 10%; }

    Adjust height depending on your logo size and play with div .logo { left: 10%; } until you find the right % to center it

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Full width header image and menu under it’ is closed to new replies.