Tagged: , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • August 24, 2014 at 2:52 am #308371
    August 24, 2014 at 3:01 am #308373
    AMseptemeber

    Also, my logo will not shrink on mobile which makes having the large logo problematic. how can this be solved?

    August 25, 2014 at 4:29 am #308572
    Ismael

    Hi!

    Thank you for using Enfold.

    Do you mind providing a screenshot on how you want the header to look like? You can use imgur, dropbox etc. Place the link here. Regarding the logo on mobile device, try to use this:

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
margin: 0 auto;
max-width: 100%;
height: 60px !important;
max-height: 60px !important;
}
}

    Best regards,
    Ismael

    August 25, 2014 at 6:49 am #308634
    AMseptemeber
    This reply has been marked as private.
    August 25, 2014 at 2:15 pm #308823
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
.html_header_transparency #top #wrap_all #main { margin-top: -82px; }}

    Regards,
    Yigit

    August 25, 2014 at 5:28 pm #308902
    AMseptemeber

    Is this code to center and move the menu above the logo in header? I didnt see the change

    August 25, 2014 at 9:58 pm #308989
    AMseptemeber

    Still stuck. I would like to place main menu, with social icons beside it, centered above my large centered logo .

    similar to this: desktop layout: https://www.dropbox.com/s/cyz6jouhc2iapl8/Screenshot%202014-08-24%2023.47.42.png?dl=0

    I need for it to be main menu, not secondary, above the logo, so menu is accessible via mobile layout

    August 26, 2014 at 1:06 pm #309305
    Yigit

    Hey!

    You are going to need to hire a freelance developer on Envato Studio or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote from WerkPress.

    Best regards,
    Yigit

    August 26, 2014 at 2:41 pm #309337
    Guenni007

    choose in Theme Options: Logo center, Menu below than put in Quick.css:

    .html_header_top.html_bottom_nav_header #header_main {
    padding-top: 30px;
    z-index: 3;
}

#header_main_alternate {
    position: absolute;
    top: 0;
    z-index: 4;
    width: 100%
}

    if you like the navigation not centered :

    .html_header_top.html_logo_center .main_menu ul:first-child {
    display: inline-block;
    max-width: 1210px;
    width: 100%
}

    if you got max width 1030px take that.

    look here: http://wordpress-webdesign.org/testumgebung/

    • This reply was modified 10 years, 3 months ago by Guenni007.
    August 26, 2014 at 2:52 pm #309341
    Guenni007

    oh i see you like the social icons too.
    i will have a look to get it.

    August 26, 2014 at 3:01 pm #309343
    Guenni007

    here we go:

    .html_header_top.html_bottom_nav_header #header_main {
    padding-top: 37px;
    z-index: 3;
}

#header_main_alternate {
    position: absolute;
    top: 30px;
    z-index: 4;
    width: 100%
}

    header-layout is “display in top-bar at the right” but i think this is not so important weather right or left

    August 26, 2014 at 3:08 pm #309346
    Guenni007

    i can not controll now if it will work on ipad.
    this might be checked.

    August 26, 2014 at 3:41 pm #309378
    AMseptemeber

    Thanks so much Guenni007! I’ll try this out

    August 26, 2014 at 3:51 pm #309382
    AMseptemeber

    PERFECT! Thank you so much!

    August 26, 2014 at 4:00 pm #309386
    Yigit

    Hey!

    Glad @guenni007 could help!

    Regards,
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Logo and Menu Styling’ is closed to new replies.