Tagged: , , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 11, 2015 at 9:33 pm #442705
    jr3creative

    Used the following directions here: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ to place a widget in the header section. Used a text widget in the header position and inserted some content. Problem is: I would like to have the content display: none in mobile form. As of now the content shrinks and overlays with the logo when mobile. Can anyone assist with this?

    May 12, 2015 at 5:09 pm #443171
    Elliott

    Hi jr3creative!

    Add this to your custom CSS.

    @media screen and (max-width: 767px) { #header_main .widget { display: none !important; } }

    Regards,
    Elliott

    May 15, 2015 at 6:46 pm #445110
    jr3creative

    Thanks Elliott

    That did work.

    Different scenario: I want the text widget visible in the header, and positioned to the right of the logo on mobile. Is that possible?

    As of now the content shrinks and overlays with the logo when mobile.

    May 18, 2015 at 1:40 pm #445622
    Rikard

    Hey!

    It looks like Elliotts code should be working, but you can try the following instead:

    @media only screen and (max-width: 767px) {
#text-9 {
display:none !important;
}
}

    Please make sure to delete browser and plugin cache to see the changes.

    Regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.