[Resolved] CSS for

[scott doel]

I previously raised a support request Text Logo which Leo helped me with perfectly yesterday.

I’m just building on it and to use the same detail on the mobile menu I have created a new hook, using inside_mobile_menu_bar to have the logo show when the menu collapses.

So my issue is that copying exactly the same content to new hook aligns the main-title element right, I would like to add padding to apply to just when the mobile menu is showing

<div class="site-branding">
<h1 itemprop="headline" class="main-title"><a rel="home" title="SCOTT DOEL" href="https://scottdoel.com/"><span style= "font-family:verdana;"><strong>SCOTT</strong></span><span style="color:#FABF19; font-weight:400; font-family:verdana;">DOEL</span></h1>
</div>

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

try this CSS:

@media (max-width: 768px) {
    .site-branding,
    .site-logo {
        left: 0 !important;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[scott doel]

Perfect! Thanks David

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts