Logo on Mobile Site

Moderator: forum_m

iopnetwork
Posts: 11
Joined: October 4th, 2016, 8:38 am

Logo on Mobile Site

Post by iopnetwork » October 5th, 2016, 9:28 pm

How can I make the logo stay within the header completely on the mobile site. I've tried resizing the image. It looks fine on a desktop. www.iopnetwork.net

Thanks,

Darrick

support_staff
Posts: 6944
Joined: February 26th, 2015, 1:40 pm

Re: Logo on Mobile Site

Post by support_staff » October 6th, 2016, 11:21 am

Hello,

Darrick

go Appearance->Theme Options in General Settings put below code in Custom CSS Editor option

Code: Select all

@media (max-width: 768px)
.navbar-brand img 
{
margin-top: 0px !important;
}

iopnetwork
Posts: 11
Joined: October 4th, 2016, 8:38 am

Re: Logo on Mobile Site

Post by iopnetwork » October 6th, 2016, 9:45 pm

That doesn't seem to fix it. It is more of a height issue than width.

Thanks,

Darrick

support_staff
Posts: 6944
Joined: February 26th, 2015, 1:40 pm

Re: Logo on Mobile Site

Post by support_staff » October 7th, 2016, 11:48 am

Hello,

Darrick

go to Admin dashboard Appearance->>Theme Options >> General Settings>> put below code in Custom CSS Editor option

Code: Select all

@media (max-width: 768px){
.navbar-brand img {
    margin-top: 0 !important;
}
}
Save the changes.

Thanks

iopnetwork
Posts: 11
Joined: October 4th, 2016, 8:38 am

Re: Logo on Mobile Site

Post by iopnetwork » October 8th, 2016, 7:54 pm

Thanks! That worked.

Darrick

support_staff
Posts: 6944
Joined: February 26th, 2015, 1:40 pm

Re: Logo on Mobile Site

Post by support_staff » October 10th, 2016, 1:25 pm

Most welcome!

thanks.

brainabeclinic
Posts: 6
Joined: December 18th, 2017, 9:39 pm

Re: Logo on Mobile Site

Post by brainabeclinic » December 26th, 2017, 5:19 pm

I'm facing the same problem.
But I cannot read the solution from support_staff any more.
Can you post the reply again, please?

support_staff
Posts: 6944
Joined: February 26th, 2015, 1:40 pm

Re: Logo on Mobile Site

Post by support_staff » December 27th, 2017, 10:24 am

Hi brainabeclinic,

Can I have your site URL, please?

Thanks.

brainabeclinic
Posts: 6
Joined: December 18th, 2017, 9:39 pm

Re: Logo on Mobile Site

Post by brainabeclinic » December 30th, 2017, 2:34 pm

Hi support_staff, sorry for my slow reply.

My site URL is as follows;
brain-abe-clinic.org

Thanks.

support_staff
Posts: 6944
Joined: February 26th, 2015, 1:40 pm

Re: Logo on Mobile Site

Post by support_staff » January 1st, 2018, 1:01 pm

Hi,

Please apply the below CSS code in custom CSS editor and save the changes -

@media (max-width: 768px){
.navbar-header .navbar-brand {
margin-top: 28px !important;
}
}

Thanks.

Post Reply

Return to “Theme Installation, Settings & Configuration, Problem, Error & Bug”