Tagged: , ,

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • March 14, 2018 at 5:21 pm #926726
    Boeckske23

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

    March 15, 2018 at 8:13 am #927115
    Rikard

    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

    March 15, 2018 at 11:12 am #927206
    Boeckske23

    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.

    March 15, 2018 at 1:24 pm #927292
    Vinay

    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

    March 15, 2018 at 1:58 pm #927322
    Boeckske23

    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?

    March 15, 2018 at 3:26 pm #927383
    Vinay

    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

    March 15, 2018 at 4:21 pm #927449
    Boeckske23

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

    March 15, 2018 at 5:09 pm #927490
    Vinay

    Hi,

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

    Best regards,
    Vinay

    March 15, 2018 at 8:10 pm #927637
    Boeckske23

    Vinay,

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

    March 15, 2018 at 8:22 pm #927643
    Vinay

    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

    March 15, 2018 at 8:31 pm #927653
    Boeckske23

    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?

    March 15, 2018 at 11:20 pm #927787
    Vinay

    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, 7 months ago by Vinay.
    March 15, 2018 at 11:31 pm #927791
    Boeckske23

    Still the same:

    March 16, 2018 at 9:08 am #927981
    Vinay

    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

    June 29, 2018 at 1:35 pm #979359
    ChrisBards

    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, 3 months ago by ChrisBards.
    July 1, 2018 at 8:45 am #979717
    Rikard

    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

    July 3, 2018 at 1:15 pm #980539
    ChrisBards

    PERFECT! Thank you

    July 4, 2018 at 6:36 am #980922
    Rikard

    Hi ChrisBards,

    Glad we could help :-)

    Best regards,
    Rikard

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