Jump to content
Sign in to follow this  
gayatriom

centered logo, but now logo doesn't show in mobile view

Recommended Posts

gayatriom    0
gayatriom

Hi! I'm trying to center my logo, but whenever I do, it doesn't show up in mobile view. how can i have a centered logo on my site and also have the logo show up in mobile. It gets hidden in mobile view. I used the following to center: #branding .mainlogo-link, #branding .mainlogo-img { margin: 0px auto !important;width:350px; }

Share this post


Link to post
Share on other sites
Rob    547
Rob
Try installing the plugin "Sexy Snips" from our Store at Dashboard > PageLines > Store Sexy Snips is free and provides the proper code to center the logo. http://www.pagelines.com/store/plugins/sexy-snips/

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
gayatriom    0
gayatriom
hey. well i did that. And I used the code. However, i'm also using the mobile menu plugin and since i've centered the menu and logo, the mobile menu and logo don't show they way they should. Basically you don't see them unless you scroll to the right at which point the mobile menu converts to a normal menu and the point of the mobile menu is lost. Does anyone have a solution for this?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi, If you remove the code to center the logo, does the Mobile Menu work as intended or do you still have the issue ?

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
gayatriom    0
gayatriom
Hey danny. The mobile menu works. You see it for a split second when you zoom out but then it reverts to the original menu.

Share this post


Link to post
Share on other sites
Rob    547
Rob
It's difficult to have things work all ways for all tastes, as I'm sure you know. In this case, I believe the same custom code which centers the branding image also places fixed numbers rendering the mobile view disrupted. Mobile or responsive views require percentage, rather than fixed value specifics in CSS. CSS3 doesn't give one many options. To achieve X, one may have to give up Y to get results. They don't make it easy for any of us. Is there some other way, perhaps, of applying the centered branding, such as a transparent .png?

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
gayatriom    0
gayatriom
ahh. thanks ! let me try that.

Share this post


Link to post
Share on other sites
gayatriom    0
gayatriom
Hey. Ok IT shows in mobile view. But have a navigation problem. now. opening a new ticket.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×