Home Forums Weaver Xtreme Theme Banner Parallax

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #59695
    merlojh
    Participant

    forgot how to get rid of the white area above the Parallax banner? Also seems like it not sizing in mobile view? John

    Home

    #59697
    scrambler
    Moderator

    You have a rule

    #header{min-height: 400px;}

    Not sure if you use a theme option to set the header height, or custom CSS

    #59698
    merlojh
    Participant

    Forgot that one thanks! Why is it not sizing in mobile view phone and tablet? John

    #59699
    scrambler
    Moderator

    A parallax image has to be scaled as to cover the entire browser area, So depending on the ratio of the browser, you will get unexpected sizes.

    If you want to control the text, you need to add it as text in the parallax object, and then you can use CSS to change the text size based on the device

    Or you can use different images for portrait and landscape as explained below

    https://guide.weavertheme.com/optimizing-parallax-images-for-portrait-and-landscape/

     

    #59700
    merlojh
    Participant

    I have the text in but want it down lower and how do I control the size of the header? Thanks John

    #59701
    merlojh
    Participant

    I got the header size but would like the text down some John

    #59702
    scrambler
    Moderator

    The selector for the content is

    .parallax-content

    so something like

    .parallax-content {padding-top:2em;}

    And you can change font size with rules like below if needed

    .is-phone .parallax-content {font-size:110%;}

     

    #59703
    merlojh
    Participant

    Thanks that works great! John

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