MOBILE VIEW ISSUES.

Hi,

Add this to quick css:

@media only screen and (max-width: 767px)  {
.container.av-logo-container{
margin-left:0px!important;
margin-right:0px!important;
}
.logo a img{
width: 250px!important;
max-height: 80px!important;
}}

Best regards,
Jordan Shannon

Hi PositiveChanges,

1. We can do a CSS technique called Image Replacement, but you will need to have a different logo for mobile devices. Some text in your current logo won’t be readable as it is when shrunk on mobile.

2. I have added this in Custom CSS Class (Developer Settings of the 1/2 row) btn-column and in Quick CSS, inside this media query:

@media only screen and (max-width: 767px) {

I have added this CSS code:

#top .btn-column {
    text-align: center;
}

#top .btn-column .avia-button-wrap {
    display: inline-block;
    float: none;
}

Also on top of you Quick CSS, I have seen this

<a href="http://mydomain.com"> Copyright - MyService </a>

and

38bbf1

which I commented out so it won’t be read as it will result to some of your CSS not to work.
I haven’t thoroughly checked on your Quick CSS, but please check it again as HTML code is not valid, it should be in this format:

selector {
  property: value;
}

Hope this helps.

Best regards,
Nikko

Hi PositiveChanges,

1. You can use this code and replace https://www.yoursite.com.au/wp-content/uploads/2020/03/image_name.jpg with the url of the new logo:

@media only screen and (max-width:767px) {
  .responsive #top .logo a {
    background: url(https://www.yoursite.com.au/wp-content/uploads/2020/03/image_name.jpg) right center no-repeat;
  }

  .responsive #top .logo img {
    opacity: 0;
  }
}

2. I see, the code I applied for changes are those 2 buttons position in mobile so they are both center-aligned and I think it makes it look better.

3. I’m not really sure what you mean with that top text was way back at the beginning of building this site, can you give us a screenshot on this?
As for the mobile logo, I think that’s too wide, try using 300px wide and 52px high mobile logo and use the code posted above just replace the url.

Best regards,
Nikko