Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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.
    #1428777

    Hey 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,
    Mike

    #1428836

    You are awesome!

    One more request – can I reduce the amount of space between the text block and the layerslider?

    #1428848

    Hi,
    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,
    Mike

    #1428923

    You are just THE BEST! Thank you very much for all of your help.

    #1428924

    Do 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.
    #1428932

    Hi,
    It looks like you do, try this tool: Remove Duplicate Lines

    Best regards,
    Mike

    #1428935

    Oh, cool tool! Thanks again!

    #1428948

    Hi,
    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

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Header widget follow up’ is closed to new replies.