StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Change logo on mobile, OR close the gap.

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Change logo on mobile, OR close the gap.

This topic is: resolved
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 15, 2015 at 12:13 am #147963
    SamBell
    Member

    Hi Everyone.

    I am working on this project: http://www.sambellcreative.com/doulacare_ts/ - does anyone know how to close the gap between the logo and the first image when viewed on mobile?

    OR I would love to put a different logo variation - a square one. Does anyone know how to do this?

    April 15, 2015 at 9:21 am #148007
    Christoph
    Member

    Hi Sam,

    you can add a padding-top value to the site-inner around line 2050 of the style.css.

    I like the square logo.
    I would delete the "regular" logo from the Customizer and insert it into the css directly so you don't have to deal with the inline css and can target it directly for mobile.

    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    April 16, 2015 at 8:06 pm #148170
    SamBell
    Member

    Hi Christoph, thanks for replying!

    I tried playing around with the padding-top value of the site-inner, but nothing really worked.

    Also, that sounds great, but I am not 100% sure what I should do... - how do I insert the logo into the css?

    April 16, 2015 at 9:03 pm #148171
    SamBell
    Member

    I worked it out!

    Changed the header height in the mobile responsive css.

    Thanks for your help Christoph.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change logo on mobile, OR close the gap.’ is closed to new replies.