Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 13, 2021 at 11:07 pm #1316687
    mnoack1

    Hi,
    I figured out how to customize the header the way we want it, but the hamburger menu is not opening correctly. I can’t seem to figure out how to fix. Can you please take a look and help fix? I have created a login for you on the back end of the staging.

    August 17, 2021 at 6:07 am #1317069
    Ismael

    Hey mnoack1,

    Thank you for the inquiry.

    Where did you add the modifications? Please post the complete modifications that you did for the header on pastebin.com so that we could test it properly on our installation.

    Best regards,
    Ismael

    August 17, 2021 at 6:28 pm #1317194
    mnoack1

    HI,

    I originally tried this but the search icon wasn’t there:

    Example of the menu left, logo center (overflow), widget right

    I tried to recreate it in pieces by using this documentation:

    Header

    Menu

    Here is the pastebin with the functions and css I used:
    <script src=”https://pastebin.com/embed_js/6Az2cUf2″></script&gt;

    August 19, 2021 at 10:09 am #1317456
    Ismael

    Hi,

    Thank you for the info.

    We implemented the modifications on our installation but we are not able to reproduce the issue. Are you sure that these are the only modifications that you added to the theme?

    We tried to login to the site using the account above but it seems to be invalid. Please check the login info.

    Best regards,
    Ismael

    August 23, 2021 at 1:42 am #1317857
    mnoack1

    Sorry about that. Please use these credentials.
    The custom styles for menu are under the General Styling. There are styles in the child theme too.

    Thank you!

    August 24, 2021 at 5:14 pm #1318152
    Yigit

    Hi,

    I edited your custom CSS code and changed following code

    #header .main_menu {
   /* background: gold;*/
    width: 40%;
    left: 0%;
     transform: translateX(-0%);
}

.av-main-nav-wrap {
    left: 0%;
    transform: translateX(-0%); 
}

    to following one

    #header .main_menu {
   /* background: gold;*/
/*    width: 40%; */
    left: 0%;
/*     transform: translateX(-0%); */
}

.av-main-nav-wrap {
    left: 0%;
/*    transform: translateX(-0%); */
}

    Please review your website :)

    Best regards,
    Yigit

    September 29, 2021 at 2:06 am #1322694
    mnoack1

    HI,
    Thank you for the help. Can you help me get the menu to open on the left side instead of right?

    Tried these but doesn’t work:
    .responsive nav.main_menu div.avia-menu.av-main-nav-wrap {
    float: left!important;
    right: -27px;
    }

    .html_av-overlay-side .av-burger-overlay-scroll {
    width: 350px;
    right: 100;
    max-width: 100%;
    }

    September 30, 2021 at 2:42 pm #1323010
    Yigit

    Hi,

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

    
.html_av-overlay-side .av-burger-overlay-scroll {
    left: 0;
    -webkit-transform: translateX(-350px);
    transform: translateX(-350px);
}

    Best regards,
    Yigit

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