Navigation
Archive / How to specify column width and height
This is archived content. Visit our new forum.
  • Author
    Posts
  • February 27, 2017 at 6:11 pm #1387988
    cxander
    Participant

    My home page has a form in a column that is over a background image of a section. I know that I can add max-width:_px; height:_px; to set a desired amount which I have done. However, when viewing the homepage on a different computer with a smaller screen the column that houses the form reduces in width.

    I’m sure this has to do with the responsiveness of the theme, but I was wondering if there was a way to permanently set the width of that column so that it doesn’t change regardless of smaller screens? I don’t mind if the background image changes in the section, I just don’t want the column with the form to resize because it is cutting off fields of the form. Thank you for your help.

    February 28, 2017 at 1:24 am #1388376
    Rupok
    Member

    Hi there,

    You can add a custom class and apply the max-width and also different max-width with media query for mobile.

    Cheers!

    February 28, 2017 at 2:38 am #1388439
    cxander
    Participant

    I’m not sure I understand, can you please explain further?

    February 28, 2017 at 6:21 am #1388650
    Joao
    Moderator

    Hi There,

    Please provide a URL and point the column you are referring to.

    Thanks

    February 28, 2017 at 7:55 pm #1389615
    cxander
    Participant
    This reply has been marked as private.
    March 1, 2017 at 2:10 am #1389886
    Christopher
    Moderator

    Hi there,

    It’s not possible to set fixed width and height for column and keep responsiveness they are opposite of each other.

    I recommend you to remove related CSS and let the container resize base on window size.

    Hope it helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1387988 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>