Favicon help and mobile

Hi, I am trying to put in a favicon on my site and it’s set in the path on site icons but is not showing up (bluehost logo still showing.)

Also about two weeks ago I wanted to push my blog posts down because the navbar was overlapping a bit so someone on support gave me this code below:

body.x-navbar-fixed-top-active .x-navbar-wrap {
height: 103px;
}

.x-navbar {
border-bottom: 1px solid #0d577b;
}

.page .x-main.left .hentry .entry-featured,
.single-post .x-main.left .hentry .entry-featured {
margin-top: 0;
}

It worked but now on mobile it overlaps and it wasn’t doing that before. Is there something I can add to make that different instead ?

Thank you.

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up. How support works.

For support, please post all questions in the Support Forum.

For peer to peer conversations with other Themeco customers about tips, customizations, or suggestions you are welcome to use the Conversation Forum (no official support provided here).

Design & Development, Marketing & Media, and Hosting & Optimization are for discussion with fellow Apex members about non Themeco related topics. Please keep this in mind in the future.

Thank-you!

Hey,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Not sure if i’m doing this right but i’ll attach information in a secure note.

Hi there,

Thank you for providing the login information. For the blog mobile problem kindly changed the code to:

@media (min-width: 767px) {
body.x-navbar-fixed-top-active .x-navbar-wrap {
height: 103px;
}

.x-navbar {
border-bottom: 1px solid #0d577b;
}

.page .x-main.left .hentry .entry-featured, 
.single-post .x-main.left .hentry .entry-featured {
margin-top: 0;
}
}

The Favicon is ok and it shows correctly on my browser. Please kindly clear your browser cache or check the website with another browser to see the changes.

Thank you.