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

    On my site, I’m using a left sidebar that consists of a Header/Logo area at the top, Navigation buttons in the middle section, and a Widget containing a text copyright notice. Note also that I want to use a background image for the entire sidebar.

    My problem is two-fold, and involves the Widget area:

    1). Depending on the resolution of the screen that the site is being viewed on, the text in the widget is getting cropped so that the full content is not viewable. It does not seem to scroll or otherwise allow the full paragraph to be displayed. How can this be corrected?

    2). The other issue involves the background image. Again, depending on the resolution of the screen on which the site is being viewed, if the content area is especially long, the sidebar image does not extend all the way to the bottom, and leaves the widget area and below with a white background. How do I get the background image to extend beyond the widget area, all the way to the bottom of the sidebar, regardless of how long the site’s content area may be?

    Thanks in advance for any assistance you can provide.

    #805911

    Hey dbrigner,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 910px) {
    .avia-menu-text {
      font-size:11px !important;
    }
    }

    Best regards,
    Rikard

    #806442

    Seems to work for the most part. Except for mobile screens like the iPad, the text remains cropped, and not fully viewable.

    The background image issue is fixed for all screen resolutions, as far as I can tell.

    #806707

    Hi,

    Thanks for the feedback. The menu text looks good on all screen sizes on my end now, did you make sure to clear the cache from the browsers you are using and reload the page afterwards?

    Best regards,
    Rikard

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