Hi,
Do you mean that you want the footer to show on the bottom of the page without scrolling, or have the footer the same height on different browsers after scrolling?
If it’s the first, try adjusting the “100vh” to about “69vh”, if it’s the second, it looks as though it is doing that now on Chrome, Firefox, & Edge, on Windows.
Please see screenshot in Private Content area.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

.header_color .main_menu .menu ul li a,
.html_header_top .header_color .main_menu ul:first-child >li > ul {
background-color: transparent !important; 
}

If it doesn’t work for you, please try adding it to the WordPress > Customize > Additional CSS
then please clear your browser cache and check.
Please see screenshot in Private Content area.

Best regards,
Mike

Hi,
You should be able to do this by adding the 2/3 & 1/3 columns in the advanced layout builder.
I see that in your example the 1/3 columns do not line up with the 2/3 columns, and their height is created by their content.
So my test resulted with this:

If you dont want such gaps between the 1/3 columns you can use negative margins in your css to bring then up.

Is this what you had in mind?

Best regards,
Mike

Hey Milorad,
Try this code in the General Styling > Quick CSS field:

#top .av-masonry-entry .av-inner-masonry-content-pos-content .av-masonry-date {
display: none !important;
}

I see that you are using a child theme, so if you add the css to your child theme style.css you may need to re-build your merged css by saving your theme settings.
To re-build the merged css files, try entering a blank space in the Quick CSS to enable the “Save all changes” button, then save.
Then clear you browser cache and check.

Best regards,
Mike

Hey dcpatoday,
We can assist in hiding the code block element, but I would first like to ask what content it holds and when it should show.
I viewed your page at different screen sizes and didn’t see any new content from the code block element. Your question leads me to believe it holds css styling only, which could be better placed elsewhere.
Can you please include a admin login in the private content area so we can take a closer look to understand your question’s context.

Best regards,
Mike

Hey feoleb,
Try this code in the General Styling > Quick CSS field:

#top #wrap_all #main .container {
min-height: 100vh !important; 
} 

Please clear your browser cache and check.

Best regards,
Mike

Hi,
I added this css to your Quick CSS for the hover color of spotify, amazon, & iTunes

#top #wrap_all .social_bookmarks_spotify_icon:hover a {
    color: #fff;
    background-color: #1ED760;
}
#top #wrap_all .social_bookmarks_spotify_icon a {
    color:#de6739;
    background-color: transparent;
}
#top #wrap_all .social_bookmarks_amazon:hover a {
    color: #fff;
    background-color: #F79B34;
}
#top #wrap_all .social_bookmarks_amazon a {
    color: #de6739;
    background-color: transparent;
}
#top #wrap_all .social_bookmarks_itunes:hover a {
    color: #fff;
    background-color: #E837E0;
}
#top #wrap_all .social_bookmarks_itunes a {
    color: #de6739;
    background-color: transparent;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear this solved the issue for you.
I’m not able to test safari, so I will need to look further into this issue with some help.
Unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hey Stephan,
You can show the Enfold Advertising Area widget on certain categories and pages using the Widget Logic plugin.

You can force all links to open in the same window or tab with this code to the end of your functions.php file in Appearance > Editor:

function force_links_self(){
?>
<script>
(function($){
$(document).ready(function(){
 
$('a[target="_blank"]').removeAttr('target');
 
});
})(jQuery);
</script>
<?php
}
add_action('wp_head', 'force_links_self');

Or if you want this to only work on your “Premium advertising space” sidebar area, please use this code instead:

function force_links_self(){
?>
<script>
(function($){
$(document).ready(function(){
 
$('a.preloading_background[target="_blank"]').removeAttr('target');
 
});
})(jQuery);
</script>
<?php
}
add_action('wp_head', 'force_links_self');

Best regards,
Mike

Hey profumopuntoit,
I have looked at your page, but I don’t see any 404 errors and I see the star review on hover. Is the correct one?

If you would like it to always show, please try this code in the General Styling > Quick CSS field:

.thumbnail_container .rating_container {
    opacity: 1 !important; 
}

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
.responsive #top.page-id-18 #wrap_all .flex_column.avia-builder-el-1 {
margin-bottom: 0px !important; 
}
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

#top #wrap_all main a {
    text-decoration: underline !important; 
}

Best regards,
Mike

Hi,
Glad to hear, thanks for using Enfold.

Best regards,
Mike

Hi,
Thanks for the login, I took a look at the code in your functions.php and see that your code may will need adjusting because you are using “icon_name” and “Icon Label” to name your custom icon. What would you like to call it when you are selecting it in the builder. “thumbs-up”?
As for downloading it, after selecting it did you click the big red button in the top-right side?

This gives me a zip file, if this doesn’t work for you I will be happy to get it for you, which thumbs-up did you want?
Once you have the zip file you will want to ensure that your functions.php icon name is the same as the css file in the zip file, I can also check this for you.

Best regards,
Mike

Hi,
Sorry for the late reply, I have adjust your css for each screen size:

@media only screen and (min-width: 768px) and (max-width: 900px) { 
.white_text h1 {
font-size: 38px !important;
}
.white_text p {
font-size: 18px !important;
line-height: 18px !important; 
}
.white_text {
padding: 10px !important;
}
.green_section .container {
padding: 0px !important; 
float:right !important;
}
.green_section_image {
width: 60% !important; ; 
}
}
@media only screen and (min-width: 901px) { 
.green_section .container {
float:right !important;
padding: 0px !important;
max-width: 1410px !important; 
}
.green_section_image {
width: 70% !important; 
padding-left: 20px !important; 
}
}
@media only screen and (max-width: 767px) { 
.green_section .container {
margin: 0px !important;
width: 100% !important;
max-width: 100% !important;
}
.white_text {
padding: 10px !important;
}
.green_section_image {
margin-bottom: 0px !important;
}
}

Please see screenshots in Private Content area.
Please clear your browser cache and check.

Best regards,
Mike