Is there an option for a tablet/mobile logo?

metromediaprint · August 2016

Hello,

Is there any options for a tablet/mobile logo? I could not find this in the theme options.

Thank you.

Albert · August 2016

Hi,

we have an option for mobile logo and this could be set under Theme options > Responsive section.

metromediaprint · August 2016

That seems to be for widths under 768px.

My problem is widths between 850-1240px. My nav jumps under my logo. Below is a screenshot:

http://www.diydesignandprint.com/restassured/wp-content/uploads/2016/08/Screen-Shot-2016-08-10-at-12.41.21-PM.png

Is there an option for a tablet size logo OR an option that would center my logo when it is between those pixel widths? I would settle for that.

Thanks.

Albert · August 2016

As we can see it's because your logo is too large and there is not enough space for the logo and menu items. So what you can do is center the logo between 850 and 1240px as you wrote above and this could be achieved with the following css:

@media only screen and (min-width: 850px) and (max-width: 1239px) {
    #Top_bar .logo { float: none !important; text-align: center !important width: 100% !important; }
}

or decrease the padding between menu items:

@media only screen and (min-width: 850px) and (max-width: 1239px) {
    #Top_bar .menu > li > a span:not(.description) { padding: 0 !important; }
}

metromediaprint · August 2016

That first code did not seem to work. Is there a way to upload a logo for tablet sizes?

Or do you have the css that could do that?

Thanks.

Albert · August 2016

Sorry but we do not have such possibility included but above code works because we checked it.

metromediaprint · August 2016

I see what happened. That first set of css was missing a ";" I have added it and now it works.

Can you tell me the css I may use to center the menu as well while in those pixel dimensions?

Thank you.

Albert · August 2016

We are sorry but it is not possible unfortunately.

Is there an option for a tablet/mobile logo?

Comments