Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 3, 2015 at 11:28 pm #390448
    Justin

    Question: How much customization are we looking at to obtain something like this?
    Am we better off starting from scratch with more flexibility? As opposed to manipulating your code? Trying to avid that…since the client is on a limited budget.

    Please see screenshot.
    Thank you,
    Justin

    February 4, 2015 at 10:37 am #390625
    Yigit

    Hey Justin!

    Do you have a testing site? If so, please post the link to your website? Please make sure to use header with “Logo center, menu below” option

    Cheers!
    Yigit

    February 4, 2015 at 11:03 pm #390991
    Justin
    This reply has been marked as private.
    February 5, 2015 at 11:50 am #391200
    Josue

    Hi!

    There is a way to do that, try putting the logo as another menu item, in the center (put the <img> tag as the label) and remove the default logo with CSS:

    #header_main > .container {
    display: none;
}

    Regards,
    Josue

    • This reply was modified 9 years, 9 months ago by Josue.
    February 6, 2015 at 1:45 am #391791
    Justin
    This reply has been marked as private.
    February 6, 2015 at 4:37 am #391819
    Josue

    Hey!

    I was referring to the <img> tag (forgot to wrap it as code), anyways the idea is something like this:
    http://screencast.com/t/644gZbakEIr

    Regards,
    Josue

    February 6, 2015 at 4:40 am #391820
    Justin
    This reply has been marked as private.
    February 6, 2015 at 8:35 am #391868
    Josue

    Hey!

    1. Change the hiding header code to only get applied on desktop:

    @media only screen and (min-width: 767px) {
#header_main > .container {
    display: none;
}
}

    2. Set “noMobile” class to the logo menu item so it doesn’t get included in the mobile menu.

    Best regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.