Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 21, 2014 at 2:37 pm #339011
    jtartagl

    What steps are necessary to make the logo smaller? Or make the width of the entire left column smaller to fit in more menu items without scrolling?

    October 21, 2014 at 4:26 pm #339056
    Yigit

    Hi jtartagl!

    Please go to Enfold theme options > Header > Header Size and choose to display Custom pixel value and change header height as needed. Logo size will adapt automatically

    Best regards,
    Yigit

    October 21, 2014 at 5:02 pm #339101
    jtartagl

    I have the menu and logo n the left sidebar. When I go there I see: These options are only available if you select a layout that has a main menu positioned at the top. You currently have your main menu placed in a sidebar.

    I’ve done some css to adjust the column and main body section. How do I lower the padding around the logo to shrink the sidebar a little more?

    October 21, 2014 at 5:04 pm #339106
    Yigit

    Hi!

    Can you post the link to your website please?

    Best regards,
    Yigit

    November 2, 2014 at 3:32 am #344773
    getimag

    I would love this answer.

    November 2, 2014 at 3:53 am #344774
    jtartagl

    kalinkacs I made a few changes in the quick css window to get it to resize properly on desktop and mobile. You may have to adjust for your logo size and amount of menu links. I hope this helps.

    @media only screen and (min-width : 1024px) {
.html_header_sidebar .logo
{
  position: relative;
  clear: both;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 30px;
}

.html_header_sidebar #top #header
{
  width: 175px;
}
.html_header_left #main
{
  margin-left: 175px;
  position: relative;
}}

/*@media only screen and (min-width : 600px) {
.html_header_sidebar #top #header
{
  width: 300px !important;
}
.html_header_left #main
{
  margin-left: 300px !important;
  position: relative !important;
}

.html_header_sidebar .logo
{
  position: relative;
  clear: both;
  padding-top: 40px !important;
  padding-right: 40px !important;
  padding-bottom: 40px !important;
  padding-left: 40px !important;
}}*/
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enfold – Change Logo & Main Menu Area Width’ is closed to new replies.