Hi meanster99,

I checked your site and it’s black for burger icon for every page, to make it white for transparent pages, just add this CSS code in Enfold > General Styling > Quick CSS:

#top #header.av_header_transparency .av-hamburger .av-hamburger-inner, 
#top #header.av_header_transparency .av-hamburger .av-hamburger-inner:after, 
#top #header.av_header_transparency .av-hamburger .av-hamburger-inner:before {
    background-color: white;
}

Best regards,
Nikko

Hi Akhurst,

Yes, it’s possible using this code, you just need to change the content value:

#top #header .logo img {
    content: url(https://website.com/wp-content/uploads/2023/11/new_logo.jpg);
}

However, I think it’s much better to change it in the theme options.

Best regards,
Nikko

Hi woogie07,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

#top #wrap_all #footer .social_bookmarks li a {
    color: white;
    font-size: 20px;
}

Hope it helps.

Best regards,
Nikko

Hi Carsten,

Try to add this CSS code in Enfold > General Styling > Quick CSS:

#top .avia-data-table tr > th:first-child, 
#top .avia-data-table tr > td:first-child {
    width: 300px;
}

Just adjust the width value as you see fit.

The code will affect all tables, if you want to make to affect only a single page then you can give us a link to the page and we’ll modify the code to a more customized one.

Best regards,
Nikko

Hi NicomIT,

Please try to add this CSS code as well:

#top .highlight-bullet li {
    padding-left: 28px;
    position: relative;
}

#top .highlight-bullet li:before {
    position: absolute;
    left: 0;
    top: 20px;
}

Best regards,
Nikko

Hi navindesigns,

Yes, I have checked on it and when tapping on it on mobile I don’t see the white background anymore but I don’t see any change in background color.
I inspected it and it seems the background color stays the same with this CSS code:

.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
    background-color: #032d57!important;
}

I think you’ll need to clear the cache in your mobile browser to see the changes.

Best regards,
Nikko

Hi Philip,

It seems Ismael has already responded to the same issue on your other thread. https://kriesi.at/support/topic/dynamic_avia-folder-full-of-thousands-of-files/
I will be closing this thread now, and the discussion will be continued on the other thread.

Best regards,
Nikko

Hi Christian,

The other option would be to align it to top but it would not look good as well.
Can you give us a link of the shop you mentioned? at the moment I could not think of a solution without some trade-off like stretching .

Best regards,
Nikko

Hi navindesigns,

No worries, please try to add this CSS code in Enfold > General Styling > Quick CSS:

.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
    background-color: black;
}

Best regards,
Nikko

Hi nasrullah2,

I see, please replace it with this CSS code:

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9999;
  }

  .responsive #top #main {
    padding-top: 82px !important;
  }
}

Best regards,
Nikko

Hi web4698,

You’re welcome :)

1) How do I change the colour of the social media icons in the footer?
Please try to add this CSS code in Enfold > General Styling > Quick CSS:

#top #socket .social_bookmarks li a {
    color: yellow !important;
}

Just adjust the color value as you see fit.

2) The blog posts don’t contain /blog/ in the urls. Why is this?
The blog posts are using category instead /blog in the urls, you can change this in Settings > Permalink, and set the Custom Structure in there.
You can just add blog in there however, it affects other post types as well such as portfolio so it’s not really a good solution, I found this article but haven’t tested it out yet, you might want to check it: https://www.goldenoakwebdesign.com/blog/how-to-force-wordpress-urls-to-use-blog-in-posts-permalink-structure

Hope this helps.

Best regards,
Nikko

Hi nasrullah2,

Can you try to change the CSS code to:

@media only screen and (max-width: 767px) {
  #header {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
}

Let us know if it helps.

Best regards,
Nikko