Banner not responsive, Footer column text widget margins

  • Resolved flowerscat

    (@flowerscat)


    6 years, 5 months ago

    Hi Lyrathemes,

    Have made a couple of changes to the website, and have run in to a few issues – could you help?

    (a) the banner on the front page is not responsive (does not resize on mobile or tablet): https://prnt.sc/jlss2d – I have tried different versions of {width: 100%; height: auto;} from going through past posts, but none seems to work

    (b) is there a way to link the banner to a page URL?

    (c) I want to decrease the width between the text widget in the footer column: https://prnt.sc/jlsrl7

    I have been using:

    .footer-row-2-widget.widget.widget_text {margin-bottom: 0px;}

    for the LHS column, which as taken care of the extra white space between text widgets, but the same does not seem to be happening with the RHS column, and I am not sure what I should be changing in the CSS code?

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @flowerscat.

    (a) Please add this to Additional CSS:

    .frontpage-banner img{max-width:100%}

    (b) Look in Customize -> Header Image below “Caption URL” at the bottom.

    (c) This is strange. CSS applies to both LHS and RHS but the bottom two images on the RHS don’t want to play nice. At the moment I couldn’t see what’s causing the extra space. Could you try to remove bottom two banners and then add them again?

    Kind regards.

    Thread Starter flowerscat

    (@flowerscat)

    Done.

    (a) and (b) resolved using your suggestions, and for (c) I used the template of the first banner to create two new banners, which seems to have solved the problem.

    Thank you for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Banner not responsive, Footer column text widget margins’ is closed to new replies.