-
AuthorPosts
-
December 23, 2023 at 4:53 am #1428770
I have a follow-up question from my thread here: https://kriesi.at/support/topic/need-help-with-header-widget/
The CSS allows for the element below the header to show on mobile – but I’ve noticed only when the phone is vertical. When I turn the phone to horizontal view, the text block below the header is hidden.
Is there a way to make that show from both vertical and horizontal view on the phone?
Thanks for your time…
- This topic was modified 11 months ago by biggsuccess.
December 23, 2023 at 12:43 pm #1428777Hey biggsuccess,
I added this CSS to the top of your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) and (orientation: landscape) { .responsive #top #wrap_all #main { padding-top: 119px !important; } }
and tested on my Android device, please clear your browser cache and check.
Please note that testing with iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.Best regards,
MikeDecember 24, 2023 at 12:16 am #1428836You are awesome!
One more request – can I reduce the amount of space between the text block and the layerslider?
December 24, 2023 at 1:42 pm #1428848Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.home #main > .container_wrap_first > .container > .content { padding-bottom: 0; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
It looks like there will still be a little space between the slider image and the text block, this is due to some padding or margin in your LayerSlider slides, so if you want to remove or reduce this please check your LayerSlider settings.Best regards,
MikeDecember 27, 2023 at 9:19 pm #1428923You are just THE BEST! Thank you very much for all of your help.
December 27, 2023 at 9:22 pm #1428924Do I have repeated CSS rules in here that I need to clean out? I don’t want to pull out anything important or mess up the order – added in private section.
- This reply was modified 10 months, 3 weeks ago by biggsuccess.
December 27, 2023 at 11:16 pm #1428932Hi,
It looks like you do, try this tool: Remove Duplicate LinesBest regards,
MikeDecember 28, 2023 at 4:04 am #1428935Oh, cool tool! Thanks again!
December 28, 2023 at 11:56 am #1428948Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Header widget follow up’ is closed to new replies.