Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 18, 2016 at 3:44 pm #700698
    NicomIT

    I have the logo and main menu set as the right sidebar and applied a background image to that area, but it doesn’t extend all the way to the bottom of the browser. I have a background color set and then “grunge-big-dark.png” set as a the background image over it. I have tried a few different display setting options for the background image, but it still gets cut off before you get to the bottom of the browser window. You should be able to see where that happens if you go to the URL provided and scroll down.

    Any help would be great.

    October 18, 2016 at 3:51 pm #700705
    Yigit

    Hey NicomIT,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .main_color { background-position: 50% 50%; }

    Best regards,
    Yigit

    October 18, 2016 at 3:56 pm #700711
    NicomIT

    Thanks Yigit. I just tired that, but no luck.

    October 19, 2016 at 2:37 pm #701339
    Yigit

    Hi,

    Code is not being applied on my end. Have you removed it? If you have not, please create a temporary admin login and post it here privately so we can check why it is not being applied.

    Best regards,
    Yigit

    October 19, 2016 at 3:16 pm #701362
    NicomIT

    I removed it when it didn’t work. It should be added back in now.

    October 20, 2016 at 4:49 pm #701992
    NicomIT

    I ended up removing the CSS you provided. It changed the position of the background image in the body content instead of the background image in the right sidebar where the logo/main menu are displayed. I included login info for you in the private content so you can have a closer look.

    I also placed a white border around the area where the background is displaying. You can see the red background color extends all the way to the bottom, but the background image only goes part way.

    October 22, 2016 at 12:13 am #702688
    Ismael

    Hi,

    We added the following code in the functions.php file.

    add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function c() {
		var isMobile = '';

		if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && 'ontouchstart' in document.documentElement)
		{
			isMobile =  true;
		}
		else
		{
			isMobile =  false;
		}

		if(isMobile) return;

		var $main    = $(".html_header_right #main"),
			$window  = $(window),
			$sidebar = $(".html_header_right #top #header");

		$window.resize(function() {
			var mh = $main.outerHeight();
			$sidebar.height(mh);
		}).resize();
	}

	c();
})(jQuery);
</script>
<?php
}

    Best regards,
    Ismael

    October 24, 2016 at 1:44 pm #703257
    NicomIT

    Thanks Ismael. That did the trick.

    October 25, 2016 at 12:51 am #703507
    Vinay

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Background Image Cut Off in Logo/Main Menu Right sidebar’ is closed to new replies.