Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 6, 2020 at 1:59 am #1181943
    Cameron

    I’m wanting the very top banners on my ‘Services’ and ‘Get In Touch’ pages to be thinner and have the text centered.

    I’d like the brown background part to be 195 pixels in height, and the text to be centered vertically.

    Everything is fine on desktop, but on a mobile the brown background parts are huge an the text is not aligned.

    Please help, thanks!

    • This topic was modified 4 years, 9 months ago by Cameron.
    February 8, 2020 at 5:28 am #1182451
    Rikard

    Hey Cameron,

    It looks like you have white space/separator elements there which you have added 150 pixels of height to. Could you try to hide those elements for mobile in the element options?

    Best regards,
    Rikard

    February 8, 2020 at 8:31 pm #1182650
    Cameron

    Thanks, that helped some. I’m just wanting the brown background area to be 195 pixels in height on a mobile and the text to be centered vertically now.

    February 9, 2020 at 2:45 pm #1182740
    Rikard

    Hi,

    This CSS is applying to the services header for example:

    #top.page-id-603 #businessvideo {
    height: 350px;
}

    You can put the same code in a media query and change the value to what you like. It looks like your text will disappear if you do so though since the hr element I referred to above it still in your content on mobile.

    Best regards,
    Rikard

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