Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 16, 2016 at 6:56 am #598800
    Hello

    I have a text widget in the header which hides on mobile screen displays. But it is overlapping the top nav menu which makes the menu unusable. How can I make the widget header text resize for smaller screens, or hide on smaller screens?

    Header Widget Text: ADVANCED COMMUNICATIONS WORKING FOR YOUR BUSINESS

    The custom CSS I have on there now is:

    #header .widget {
    left: 35%;
    padding-top: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: 999;
    }

    Thanks.

    March 16, 2016 at 10:22 am #598859
    Vinay

    Hi Hello!

    We need access to your site to set this up correctly please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

    Regards,
    Vinay Kashyap

    March 16, 2016 at 9:43 pm #599249
    Hello

    Access provided…

    All custom CSS resides in Add Custom CSS plugin, not in the theme custom code section.

    March 17, 2016 at 6:55 am #599461
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling to hide it on mobile devices: 

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

    Best regards,
    Rikard

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