Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #926726

    Also the submenu is not completely visible on iPhone SE screen as example:

    #927115

    Hey Boeckske23,

    I’m not sure why that is happening. Did you add any custom CSS which affects the header? If so then please try to remove it one by one so that you can see which CSS is creating that behaviour. It looks like the phone info field is in a strange position on my end.

    Best regards,
    Rikard

    #927206

    Ok, and what about the mobile menu?
    In Safari as you can see above, the menu is a bit lower then it should be.
    It should be shown over the entire screen instead of starting in the middle.

    #927292

    Hi,

    The issue is because of the custom code added to the theme. Please remove the custom code and let us know what modifications you are trying to do so we can help you better :)

    Best regards,
    Vinay

    #927322

    Dear

    This is all my custom css regarding the menu and 2nd menu:

    #menu -> general layout format 
    .avia-menu-text{
    color: white;
    opacity: 0.5;
    font-weight: lighter;
    }
    
    #menu -> general layout format during hover
    #top #header #avia-menu > li:hover > a span.avia-menu-text {
      color: white !important;
      opacity: 1;
    }
    
    #menu -> general layout format during selected page
    .current-menu-item .avia-menu-text {
      color: white;
      border-bottom: solid 1px #ffffff;
      display: inline;
      padding-bottom: 10px;
      font-weight: bold;
      opacity: 1;
    }
    
    #2nd menu -> general layout format 
    .phone-info{
    margin-right: 13px;
    font-weight: lighter;
    }
    

    As you can see nothing special.
    You want access to the website?

    #927383

    Hi,

    You have blank values set font color in the Advanced styling section. I’m not sure if this could cause any issue. Please try removing this or add color values to the element.

    Added the below code to Quick CSS to fix the issue.

    /* submenu text color */
    
    #header ul li ul li a .avia-menu-text {
        color:#000;
    }
    div#header_meta {
        z-index: -1!important;
    }
    
    

    Best regards,
    Vinay

    #927449

    Thank you!
    One problem remains…
    If I go to the mobile version, and press the services ‘Onze service’, it does not nothing…

    #927490

    Hi,

    You are using a very old version of the theme please update the theme to the latest version.

    Best regards,
    Vinay

    #927637

    Vinay,

    What is the code if I want to change the background-color and font color on hover in the sub menu?

    #927643

    Hi,

    Please update to the latest version, you can change the submenu hover style from Enfold > Advanced styling > Main menu sublevel links

    If you like to do it using CSS please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #top .header_color .main_menu .menu ul li>a:hover {
        color: #333333;
        background: gold;
    }
    

    Best regards,
    Vinay

    #927653

    I just updated to the latest version.
    But had to do some backups first

    If I use this:

    #top .header_color .main_menu .menu ul li>a:hover {
    color: white;
    background-color: #005471;
    }

    I get this:

    Why is the white font not showing?

    #927787

    Hi,

    I have added the below CSS please review the site and let us know if you have any questions.

    #top .header_color .main_menu .menu ul li > a:hover {
        color: #FFF!important;
        background-color: #005471;
    }

    The CSS don’t seem to work. You can remove that and please change the color value of the “Logo Area secondary font color” from Enfold > General styling.

    Best regards,
    Vinay

    • This reply was modified 6 years, 4 months ago by Vinay.
    #927791

    Still the same:

    #927981

    Hi,

    I have added the below code to Quick CSS

    /* submenu color */
    
    #top #header ul li ul li a:hover .avia-menu-text {
        color: #FFF;
    }

    Please review the site now :)

    Best regards,
    Vinay

    #979359

    I’m also having trouble with a secondary menu – I wondered if you could help?

    I have a new top bar on the site with is a secondary menu. I’ve changed the background color but I can’t see how to change the colour of the font & hover to white.

    Also i’d like to increase the size slightly and increase padding…

    I wondered if all of that would be possible?

    Website is http://www.macstruckrental.co.uk

    • This reply was modified 6 years ago by ChrisBards.
    #979717

    Hi ChrisBards,

    Please try the following in Quick CSS under Enfold->General Styling:

    #avia2-menu a {
      color:#fff !important;
    }
    
    #avia2-menu a:hover {
      color:#fff !important;
    }

    Best regards,
    Rikard

    #980539

    PERFECT! Thank you

    #980922

    Hi ChrisBards,

    Glad we could help :-)

    Best regards,
    Rikard

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