[mist2fy]

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.

 

[tikaram]

@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

[mist2fy]

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;
  }
}

[mist2fy]

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.

 

[mist2fy]

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

[tikaram]

@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

[Author]

Posts