Welcome! To use this support forum, please Login or Join Today!

   

Mobile Header Logo Problems Displaying

{name}
Rank

Total Posts: 10

Joined 2014-11-09

PM

 

Theme is pulling together nicely. I got a little frustrated last week and I apologize as it ended up being a problem with the server not the theme.

I’m having problems with the mobile logo. I attached an image. It keeps leaving a gap under the logo which makes it look weird, and it also gets covered by the toggle menu button.

Also quick thing probably easy to fix. How can I get rid of the “edit” button at the bottom of the pages when I’m logged in. My client is nuts and thinks everyone can see it. Which I thought only if you’ve logged into the admin you can see it, but he went to the site on his wife’s phone and it is still there.

I attached an image of that too.

Attachments:

https://www.filepicker.io/api/file/ldbISTnR86PNwQwb6uMw


Attachments:

https://www.filepicker.io/api/file/XSd9a50yTbGuxSKeNxIY

Thanks again for all your help.

{name}
Rank

Total Posts: 10

Joined 2014-11-09

PM

 
{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

to nudge the logo further from the top on mobile, just add this rule:

@media only screen and (max-width767px{
    
#wrap #header #site-title.graphic a {
        
margin40px auto 0px auto !important;
    
}

To remove the edit button, add:

.post-edit-link { display:none