Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #392720

    Hi,
    I am trying to figure out how to put the logo&menu bar same width as the title/body text area.
    I am using stretched layout.
    My body/title area is currently 1310px. I would like the logo and menu bar area to be the same width.

    thanks,

    #393144

    Hey joanne!

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

    .html_header_top #top .av_header_stretch .container {
    max-width: 1310px;
    }

    Regards,
    Yigit

    #393424

    Hello Yigit,
    Thanks for the quick reply,
    I put in the code but the logo and menu not aligned with the title and body content.
    I put 1310 px width for the content – 70/30 ratio – content and sidebar width 100%.

    Any ideas ?

    #393985

    Hi!

    Try adding this in Dashboard > Enfold > General Styling > Quick CSS.

    #header_main .container {
      width: 1030px !important;
    }

    Best regards,
    Elliott

    #394195

    I added both the codes you mentioned :

    .html_header_top #top .av_header_stretch .container {
    max-width: 1310px;
    }

    #header_main .container {
    width: 1310px !important;
    }

    The menu bar is still not aligned to title and content.

    Any other ideas ?
    Cheers
    Joanne

    #394552

    Hi!

    Content width is currently 1030px. If you would like to make the header width the same, please change the code i posted here – https://kriesi.at/support/topic/logo-area-menu-bar-same-width-as-titlebody-area/#post-393144
    to following one

    .html_header_top #top .av_header_stretch .container {
    max-width: 1030px;
    }

    Best regards,
    Yigit

    #394604

    Yes sorry i forgot to change the content to 1310px in the English version.

    I put the codes
    .html_header_top #top .av_header_stretch .container {
    max-width: 1310px;
    }

    #header_main .container {
    width: 1310px !important;
    }

    And max container width 1310 px

    Still the menu is overlaping the content….

    #394607

    Hi!

    Seems like you have added the code to Google Analytics field instead of Quick CSS field ( inside General Styling tab ). Please move the code to Quick CSS field :)

    Regards,
    Yigit

    #394897

    Hello Yigit,
    You’ve lost me there….
    I checked again the Quick CSS under general styling and both the code lines are there (see the print screen of my worpress dashboard).
    print screen quick css dashboard

    I do not know where in Google analytics could I have put a CSS code ?

    thanks
    joanne

    #394906

    Got you….
    I did add the 2 codes you gave into google analytics tracking code window, by mistake!
    Took these codes out.
    Still the menu and logo are over lapping the content.

    Thanks
    Joanne

    #395080

    Hey!

    Please remove following codes from Quick CSS

    .html_header_top #top .av_header_stretch .container {
    max-width: 1310px;
    }
    #header_main .container {
    width: 1310px !important;
    }

    and add the one i posted here – https://kriesi.at/support/topic/logo-area-menu-bar-same-width-as-titlebody-area/#post-394552
    If that too does not help, please create a temporary admin login and post it here privately

    Cheers!
    Yigit

    #395096
    This reply has been marked as private.
    #395109

    Hi!

    Please review your website now

    Best regards,
    Yigit

    #395188

    thanks Yigit ¨!

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘logo area & menu bar same width as title/body area’ is closed to new replies.