Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #313469
    mist2fy
    Participant

    https://smoothavenueband.com/.  When I connect to the page from a tablet or phone the main screen image is not centered.  Is there a way to change this in the template.  Does the template allows for a tablet or mobile view or am I’m stuck with the view.

     

    #313476
    tikaram
    Keymaster

    @mist2fy : Login to your WordPress admin section.
    Go to Appearance => Customize => Additional css and add the following css.

    @media only screen and (max-width: 810px) {
        .custom-header .wrapper::before {
        background-size: contain;
      }
    }

    Let me know if this helps you out.

    Regards,
    Tikaram

    #313478
    mist2fy
    Participant

    This is what I have now.  Should I add it to the end?

    .tribe-events-calendar-list__event-title-link {
    /* color: var(–tec-color-text-events-title); */
    }

    Your Suggestion:

    @media only screen and (max-width: 810px) {
        .custom-header .wrapper::before {
        background-size: contain;
      }
    }
    #313480
    mist2fy
    Participant

    That seems to work for the size so far.  I will need to test it on table.  Also is there a way to choose a different image also.

     

    #313481
    mist2fy
    Participant

    The image is a off on the tablet.  Is there CS code for tablet and phone?

    #313537
    tikaram
    Keymaster

    @mist2fy : The css provided above is for smaller screen sizes like tablet and mobiles. The header image will be either cropped or it will have some space below it as it is used as a Background Image. let me know if you have any more issues.

    Regards,
    Tikaram

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