Tagged: background image, logo area
-
AuthorPosts
-
October 18, 2016 at 3:44 pm #700698
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 #700705Hey 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,
YigitOctober 18, 2016 at 3:56 pm #700711Thanks Yigit. I just tired that, but no luck.
October 19, 2016 at 2:37 pm #701339Hi,
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,
YigitOctober 19, 2016 at 3:16 pm #701362I removed it when it didn’t work. It should be added back in now.
October 20, 2016 at 4:49 pm #701992I 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 #702688Hi,
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,
IsmaelOctober 24, 2016 at 1:44 pm #703257Thanks Ismael. That did the trick.
October 25, 2016 at 12:51 am #703507Hi,
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 -
AuthorPosts
- The topic ‘Background Image Cut Off in Logo/Main Menu Right sidebar’ is closed to new replies.