- This topic has 3 replies, 2 voices, and was last updated 5 years, 2 months ago by
.
I’m trying to replicate the background image demo. I’ve been able to get most of the settings set but for some reason I can’t get the header to not be attached to the top of the page. What setting am I supposed to be using to produce the effect of the header not being attached to the top and the background image showing above it. Also, I haven’t found the way to set the content box to have rounded corners like it does in your demo. These may be related. If you could point me in the right direction, I would appreciate it.
Hi @javanpa,
I hope you are well today and thank you for your question.
I visited your shared website and it seems you managed to achieve it as displayed in the attached screenshot.
Please advise.
Best regards,
Shufflehound teamYes. I re-imported the demo and it appears to have worked correctly the second time. My only guess was that it didn’t fully import the firs time. I do have that issue resolved but do have one question. Is there any way to reduce the top padding on the mobile rendering of the site. The top padding is great in a typical browser but excessive in mobile.
Is there any way to reduce the top padding on the mobile rendering of the site. The top padding is great in a typical browser but excessive in mobile.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media (max-width: 900px) { body div#page-container { margin-top: 30px !important; } }
