Thanks – It looks like the custom css file is being overridden when I update the theme. Is the best solution for this to install a child theme?

I went ahead and added the custom class “footer_left” to the footer text element but it does’t seem to adjust the position.

@media only screen and (max-width: 767px) {
  /* Privacy Left Mobile*/
.footer_left  .flex_column.av_one_third.
    .avia_textblock
    p {
    text-align: left !important;
  }
}

Hi @mike, thanks for the explanation. How would I got about changing the font as well?

I will pass this off to the plugin developer.

Thanks for the feedback and support @mike. I think for now I will just have the menu item hover underline instead of adding the php. and have the item always underlined. It seems when I add the following code the item will underline will hover and the page jumps correctly and the item underlines when hovered.

#sub_menu1 #menu-main-menu a:hover {
    display: inline-block;
    visibility: visible;
    border-bottom: 2px solid #fff;
    background: transparent !important;
    opacity: 1;
    padding-bottom: 6px;
}

I did notice the logo I added to the submenu though now changes size when I hover when the code above is added. How do I make that not happen? I created a video of the issue.

This is the code I added from another thread to add the logo to the full width submenu

#top .av-submenu-container {
  background-image: url(https://trevora9.sg-host.com/wp-content/uploads/2021/10/logo_t.png);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: contain;
}

@ismael

Thank you! The code didn’t work in the enfold css but did when I added it under appearance / customize.

HI @ismael,

Thanks for the reply.

When the gif loads there is still a black line under the gif in your screenshot. Are you able to see that? That is the error the enfold theme in producing. It has nothing to do with the rollover text but instead has to do with the gif image that loads. Again The issue is not the “GIF TEXT” Text is when I hover over that the gif loads. I changed the “GIF TEXT” to “Click Here” so things wont be confused.

So now when I hover over “Click Here” the gif with the cat will load. Under the cat gif there is a black bar at the bottom of the loaded gif. Enfold is producing that black bar under the loaded gif image. I need to get that removed.

Here is a your screenshot with the issue circled https://www.dropbox.com/s/zxvyy9ltx91y07v/Screen%20Shot%202021-10-01%20at%208.15.49%20AM.png?dl=0

I went ahead and changed the rollover text so you can hopefully see the issue better now.

Thanks @Guenni007

@guenni007 Weird. As you can see on my page I have those setting but have the black bars on the top and bottom. Maybe enfold support can shed some light on this?

@guenni007 Here is a link