RSS feed and Responsive Behavior

Hi,

Thanks for the update.

1.) You can use this css code to decrease the logo size.

@media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 60%;
}
}

2.) Did you remove the rss feed widget? It’s not in the footer container.

Best regards,
Ismael

Hi,

1.) We’re not really sure what you mean by that. Can you provide a screenshot of the layout that you prefer on mobile view?

2.) Add this in the functions.php file to set the target attribute of the rss link.

add_action('wp_footer', 'ava_rss_target');
function ava_rss_target(){
?>
<script type="text/javascript">
(function($) {  
    $('.rsswidget').attr('target', '_blank');
})(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hi,

Thanks for the update.

Did you set the Enfold > Main Menu > “Menu Items for mobile” settings to the second option? That is going to force the mobile menu to display on tablet screens. We can also decrease the space between the menu items or adjust their font size in order to create more space between the menu container and the logo.

@media only screen and (max-width: 1024px) {
.av-main-nav > li > a {
    padding: 0 8px;
    font-size: 12px;
}

.logo img {
    height: 66px;
    top: 10px;
}
}

Best regards,
Ismael

Hi,

Thanks for the update.

Yes, that is the issue that we are trying to fix with that css modification. Did you remove the browser cache after adding the css code or before checking the page?

Best regards,
Ismael