Archived topic
CSS for
3 replies · Started by scott doel on April 23, 2019
Viewing posts 1–4 of 4
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>Hi there,
try this CSS:
@media (max-width: 768px) {
.site-branding,
.site-logo {
left: 0 !important;
}
}Perfect! Thanks David
Glad to be of help
This archived topic is closed to new replies.
