Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #598800

    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.

    #598859

    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

    #599249

    Access provided…

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

    #599461

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.