Hey MysticMimi,
I’m not sure what you mean, to add a screenshot please try using an Screenshot service and pasting the image URL in your post, so we can understand.

Best regards,
Mike

Hey MysticMimi,
On your blog page the categories show at the bottom because you are using a full width color section and a grid row, these full width elements push the sidebar down below, so you would need to change your layout.
To add categories to your footer you can use the categories widget.

I don’t know what you mean by: “thumbnail photo strip underneath the section” perhaps this?

I don’t see a “white shadow thing at the edge of the page on the blog page”

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Go to your menu item and hover over the “remove” link, then at the bottom of the page the link URL will show, look for the ID number, like:
/wp-admin/nav-menus.php?action=delete-menu-item&menu-item=3638&_wpnonce=265b3adf4c
note the text: menu-item=3638, 3638 is the ID, use it in the css like this: #menu-item-3638

If you have trouble, link to your page so we can examine.

Best regards,
Mike

Hey northorie,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 500px) { 
	.responsive #top #wrap_all .flex_column {
	margin-bottom: 0;
  padding-bottom: 0;
}
#av_section_1 .av-special-heading-h1 .special-heading-border {
    height: 0;
}
#av_section_1 {
	min-height: 75px;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey northorie,
To change the menu text of the “home” menu item from “home” to “go” on hover, you will first need to know the menu item ID,
for example “#menu-item-3638” then adjust this css to suit:

ul.menu li#menu-item-3638 a:hover .avia-menu-text {
  color: transparent; 
  justify-content: center;
  display: inline-flex;
  flex-direction: column-reverse;
}

ul.menu li#menu-item-3638 a:hover .avia-menu-text::after {
  content: "Go";
  color: black;
  justify-content: center;
  display: inline-flex;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
To remove the image title from showing on the logo on mouse-over, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
(function($){
  $('img').hover(function(e){
      $(this).attr('data-title', $(this).attr('title'));
      $(this).removeAttr('title');
  },
  function(e){
      $(this).attr('title', $(this).attr('data-title'));
  }); 
  $('.av-masonry-image-container').hover(function(e){
      $(this).attr('data-title', $(this).attr('title'));
      $(this).removeAttr('title');
  },
  function(e){
      $(this).attr('title', $(this).attr('data-title'));
  }); 
  $('a').hover(function(e){
      $(this).attr('data-title', $(this).attr('title'));
      $(this).removeAttr('title');
  },
  function(e){
      $(this).attr('title', $(this).attr('data-title'));
  }); 
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Thank you for your patience, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.page-id-2 #main,#top.page-id-2 .main_color,#top.page-id-2 .header_bg,#top.page-id-2 #socket {
    background-color: transparent;
    background: transparent;
    backdrop-filter: blur(10px);
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry I didn’t realize that it was black on black, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.postid-530 #header_meta {
	display: none;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey jeel147,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #main,#top .main_color {
    background-color: transparent;
    backdrop-filter: none;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
On the page that you linked to the topbar is not active, please enable it so we can offer css to hide it on that one page.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .widget ul.social_bookmarks {
    display: inline-flex;
    gap: 0px 10px;
}

#top .widget ul.social_bookmarks li {
    border: none
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Diana,
It looks like your second line is from a HR element added to your page, try removing this or use this css:

.page-id-3814 .hr.av-9r6flzq-bc601af8d9f42ecb93d1a6081b48a8cd.hr-full.avia-builder-el-29 {
	display:none;
}

to make the first line black use this css:

.page-id-3814 #after_section_2.main_color {
	border-color: #000;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike