Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • November 9, 2017 at 11:30 pm #874888
    elames

    Just updated this site

    Frontpage

    I had this in the custom styles so that the menu bar would only reach just past the last menu item. It used to be semi transparent and rounded.
    Now after the update it is not. How can I get this fixed?

    also the hambuger menu lines are not lining up with the box on mobile. How to fix that?

    Thanks in advance.

    .header_color .header_bg, .header_color .main_menu ul ul,.header_color .main_menu .menu ul li a,.header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div,.header_color .av-subnav-menu > li ul,.header_color .av-subnav-menu a {
    background-color: rgba(255,255,255,0.5);
    }
    #top #header_meta a, #top #header_meta ul, #top #header_meta li, #top #header_meta .phone-info {
    color: #305c29;
    font-size: 14px;
    }
    .html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
    width:77%;
    height: 55px;
    }
    .av-main-nav > li > a { padding: 0 7px; }
    ul#avia-menu {
    background-color: rgba(255,255,255,0.6);
    border-radius: 5px;
    }

    • This topic was modified 7 years ago by elames.
    November 11, 2017 at 3:41 pm #875474
    elames

    So can anyone help with this.? Update has broken my custom coding

    November 11, 2017 at 10:05 pm #875601
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #top #header_main_alternate {
    background-color: transparent!important; 
}

    but I’m not sure this has the effect you were looking for, please see screenshot in Private Content area.
    Do you have a screenshot of your site before the update?

    Best regards,
    Mike

    November 12, 2017 at 2:01 pm #875738
    elames

    No this is not what I need. It is the actual menu bar
    It needs to be semi transparent, rounded, and only about 75%
    I do not have a screenshot

    I am using the code Yigit gave me long ago when the site was done which I posted already but it is not working

    November 12, 2017 at 4:20 pm #875756
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    
#top #header_main_alternate {
    background-color: transparent!important; 
}
#top #header .av-main-nav > li > a {
    background-color: transparent!important; 
}
.header_color a {
    border-left-color: transparent!important; 
}
.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
width:87%!important; 
}
.av-main-nav > li > a { padding: 0 5px!important;  }

    To get all your menu items to fit I had to set the width a little larger than 75%
    Please see screenshot in Private Content area
    Best regards,
    Mike

    November 12, 2017 at 4:21 pm #875757
    elames

    Also see what is happening to the mobile hamburger menu

    See here: https://imgur.com/9gBLMdI

    November 13, 2017 at 6:32 am #875971
    Rikard

    Hi,

    Try this CSS as well:

    @media only screen and (max-width: 767px) {
#avia-menu {
  background-color:transparent !important;
}
}

    Best regards,
    Rikard

    November 15, 2017 at 12:37 am #876878
    elames
    This reply has been marked as private.
    November 15, 2017 at 3:05 pm #877098
    elames
    This reply has been marked as private.
    November 16, 2017 at 4:20 pm #877597
    elames
    This reply has been marked as private.
    November 16, 2017 at 11:05 pm #877820
    Basilis

    Hi,

    We are answering to everyone as fast as we can.
    We appreciate the patience, especially when we are helping with customisations which are outside of our support policy.
    You can always consider to hire someone to help you if you are in a rush.

    From what I can see, the issue is that you are using a child theme with modifications at the header.php file, which are braking the functionality
    as there are updates on latest enfold at the header file and you are not updated.

    That said, you would need to change it and reconstructor the header.php file.

    Thank you

    Best regards,
    Basilis

    November 17, 2017 at 12:19 am #877860
    elames
    This reply has been marked as private.
    November 17, 2017 at 12:25 am #877861
    Basilis

    Hi,

    The issue is on the child theme.
    Also – please note that there are already one more account messaging us for the specific site, asking us for issues and bugs.
    Please consider if it is your client, to keep posts under one account, as we will mess with the licenses.

    Best regards,
    Basilis

    November 17, 2017 at 1:35 am #877872
    elames

    The client had hired someone else to do something on the website and they are the ones who messed with the child theme.
    I have gone in and removed all the files that were not supposed to be there.
    The only thing left are the files I put there.

    The style.css are the custom styles i set up on the site originally with Yigit’s help.
    I had the same custom css under GENERAL STYLING / CUSTOM CSS under theme options.
    I have removed all of it so the only thing left is the stylesheet.

    Client doesn’t understand half of what is going on. I don’t know why he has posted question as I am the one he told to contact you and I informed him I have done so. He is just impatient because he wants the site back to what it was previously.

    I thank you for your patience with this situation. So hopefully now you can log in with the info I gave you and help me get back the left align semi transparent, rounded menu that I used the code I sent you to achieve.

    Thanks again.

    November 18, 2017 at 3:21 pm #878573
    elames
    This reply has been marked as private.
    November 20, 2017 at 3:45 pm #879165
    Victoria

    Hi elames,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #header_main_alternate, #top #header .av-main-nav > li > a {
    background-color: transparent;
}
.html_header_top #header_main_alternate .main_menu .avia-menu.av-main-nav-wrap {
    width: auto;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 20, 2017 at 7:05 pm #879296
    elames

    Sorry Victoria,
    This did not work. The menu bar is going all the way across the screen.
    It should only go to the last menu item.

    And it looks totally different in Firefox as it does in Chrome.
    See this image:

    https://imgur.com/a/ghiun

    • This reply was modified 6 years, 12 months ago by elames.
    November 20, 2017 at 7:41 pm #879317
    elames
    This reply has been marked as private.
    November 21, 2017 at 10:22 am #879610
    Victoria

    Hi elames,

    This code is breaking the width of the menu
    Image 2017-11-21 at 10.21.13.png

    I can not fix somebody else’s adjustments. Please leave just Enfolds css for the menu and we will try to help you then.

    Best regards,
    Victoria

    November 21, 2017 at 4:30 pm #879812
    elames
    This reply has been marked as private.
    November 25, 2017 at 1:24 pm #881583
    Victoria

    Hi elames,

    It can only be prevented by turning the menu to burger earlier.

    Best regards,
    Victoria

    November 25, 2017 at 1:39 pm #881591
    elames
    This reply has been marked as private.
    November 25, 2017 at 7:08 pm #881701
    elames
    This reply has been marked as private.
    November 25, 2017 at 9:01 pm #881759
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 24 posts - 1 through 24 (of 24 total)
  • The topic ‘Menu bar not showing correctly after update’ is closed to new replies.