-
AuthorPosts
-
August 7, 2023 at 3:08 am #1415670
Hi team,
I’ve created this landing page and turned off header and footer.
It seems something is adding height to the first coloured section. Is there a way to reduce the height at the top on desktop? Mobile is fine.
To look like this https://ibb.co/f9X4SSm
Thanks
August 7, 2023 at 3:42 am #1415672Hey marsh1984,
Thank you for the inquiry.
The additional space is caused by the container of the first color section. You can adjust it by including this CSS code.
.html_header_transparency #top .av-7owuvs-9515cfe4018d7b5b88cf6181443191a6 .container { padding-top: 0 !important; }
– OR –
.html_header_transparency #top .avia-builder-el-0 .container { padding-top: 0 !important; }
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect. By disabling the file compression settings, you will be able to make the necessary adjustments and updates without any conflicts. Once you have made the required modifications, you can re-enable the file compression settings to optimize the performance of your website.
Best regards,
IsmaelAugust 9, 2023 at 4:07 am #1415882thanks for that. It works, except image now aligns slightly to left on desktop. Any tips?
August 9, 2023 at 5:09 am #1415886Hi,
thanks for that. It works, except image now aligns slightly to left on desktop. Any tips?
We checked the site again but it seems like the image has been removed. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelAugust 9, 2023 at 5:42 am #1415888August 10, 2023 at 10:51 am #1415981Hi team any update on this? Thanks
August 10, 2023 at 12:15 pm #1415990Hi,
It looks like you have three columns at the top. Instead, you can place your Image element inside a Color Section element, edit the Image element, go to Styling > Alignment > Image Alignment, and select the Center option (https://i.imgur.com/SzkRr2r.png).
With your current setup, adding the following code to the bottom of Quick CSS in Enfold theme options > General Styling would fix the issue:
#av_section_1.av-7owuvs-71547a4fbcedf02f5f4ccf74ce481be0 { max-width: 100%; }
Best regards,
Yigit- This reply was modified 1 year, 4 months ago by Yigit.
-
AuthorPosts
- You must be logged in to reply to this topic.