-
Posts
-
I have made it so that my logo shows up as a “custom content” in my menu. I did this so I could center the logo with links for navigation on the left and the right of it.
I don’t need the logobar that stacks above my full-width nav. Can you please tell me how to remove it?
Thank you very much
Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
Hi There,
To hide the logo bar, add this on your custom CSS in Customizer
.x-logobar {display: none;}And this is for the background
.backstretch img {top: -66.139px !important;}Hope it helps, Cheers!
Thanks Friech. That display:none css worked great
But the backstretch one didn’t work.
Before I put any customer CSS in the code and when viewing the page through the customizer, the image looks fine – but when i view it in a broswer the bottom of the image is clearly cropped off.
After I put in the CSS you provided, it pushed it up from the bottom but left a white space under the background image, in the customizer. However, when I went to my site to see it in the browser it had no effect all.. I tried it in both firefox and chrome, and I cleared my cache to make sure, but still nothing.
I give your team permission to insert css into the code to check for yourself, if need be.
Hi there,
Would you mind providing a mockup design of should it look? It looks fine on my end, I may have a different understanding about cropping. For the meantime, please try this,
.x-colophon.bottom { min-height: 200px; }Thanks!
Hi, That code also didn’t produce any changes.
The cropping issue is this….
The background image should anchor on the bottom, meaning that only the top of the image will get cut off (cropped) from any overflow.
In the customizer it looks fine… as illustrated in the image below
But that is not the case when you see it in a browser. I have now used both firefox, chrome, and on two different monitors… and the result looks like this image below
As you can see in the first image, the person is sitting cross legged – meditating
in the second image it cuts off half of their body.
I need it so that it never cuts off the person from the bottom, across any screen size or browser.
Hi there,
Thanks for updating the thread! Upon checking your site, unfortunately, we are unable to see or replicate your issue on our end. Would you have happened to have solved your issue already? Your image is not getting cropped on my end on any view and browser. Please update us otherwise – thanks!
This is still a problem on my screens. If the browser is fullsized, it cuts off the image from the bottom. If it is a windowed, smaller broswer, then it looks alright.
It hurts the branding if the background image crops from the bottom. I’m sure that anchoring the image to the bottom of the browser, so that the top of the image gets cut off instead, will fix the issue. I’m just wondering how to do that, regardless if the issue arises in other peoples browsers.
In any other scenario I would use “background-position:bottom;”, that didn’t work for me when assigned to the “body{}” class.
Hi there,
Please add this image as slider background and remove it from home page settings box.
Hope it helps.
Hey,
Would anyone mind telling me how to do that. I can’t seem to figure it out… do you mean it as a page option, or create a slider using one of the plugins and then set it as a background?
Hi there,
Thanks for updating. You can use Revolution Slider to create a single slide. Kindly follow Revolution Slider Documentation for more information.
Cheers!
- <script> jQuery(function($){ $("#no-reply-1029416 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
