Comments bkcphoto started the conversationAugust 30, 2019 at 3:31pmIs it possible to set up the header in the following order:Social Icons - leftLogo - centerHamburger Menu - rightnote - hamburger menu opens to fullscreen overlayThank you. 4,774Michael repliedSeptember 2, 2019 at 7:00amHI!Unfortunately, you will not be able to place social icons in the header, only in the top area.bkcphoto repliedSeptember 2, 2019 at 1:49pmOk, but is it possible to center the logo on the overlay menu setup? 4,774Michael repliedSeptember 2, 2019 at 1:54pmPlease provide a link to your site. We will try to help you.bkcphoto repliedSeptember 2, 2019 at 1:58pmI just started working on it, so there's not much there yet. But you can see the header.https://www.temptnola.com 4,774Michael repliedSeptember 2, 2019 at 2:28pmUnfortunately, this is not possible.bkcphoto repliedSeptember 2, 2019 at 2:30pmOk. Thank you for your help. 4,774Michael repliedSeptember 2, 2019 at 2:31pmBut if you need it, you can use this code, for example: .site-title { position: absolute; text-align: center; left: 40%; } bkcphoto repliedSeptember 2, 2019 at 2:35pmThat worked. Thank you you so much!! 4,774Michael repliedSeptember 2, 2019 at 2:36pmYou're welcome! Have a nice day!bkcphoto repliedSeptember 2, 2019 at 2:38pmSorry.....one more thing. That worked on the desktop, however on the mobile version it pushed the logo all the way to the right. Is there a code that will center it on a mobile device as well as the desktop? 4,774Michael repliedSeptember 2, 2019 at 2:44pmpls. use following css: @media(max-width:767px){ .site-title { left: 38% !important; }} bkcphoto repliedSeptember 2, 2019 at 3:15pmAgain thank you for your help. 4,774Michael repliedSeptember 3, 2019 at 6:47amYou're welcome!Have a nice day! Sign in to reply ...
Is it possible to set up the header in the following order:
Social Icons - left
Logo - center
Hamburger Menu - right
note - hamburger menu opens to fullscreen overlay
Thank you.
HI!
Unfortunately, you will not be able to place social icons in the header, only in the top area.
Ok, but is it possible to center the logo on the overlay menu setup?
Please provide a link to your site. We will try to help you.
I just started working on it, so there's not much there yet. But you can see the header.
https://www.temptnola.com
Unfortunately, this is not possible.
Ok. Thank you for your help.
But if you need it, you can use this code, for example:
.site-title { position: absolute; text-align: center; left: 40%; }That worked. Thank you you so much!!
You're welcome! Have a nice day!
Sorry.....one more thing. That worked on the desktop, however on the mobile version it pushed the logo all the way to the right. Is there a code that will center it on a mobile device as well as the desktop?
pls. use following css:
@media(max-width:767px){ .site-title { left: 38% !important; }}Again thank you for your help.
You're welcome!
Have a nice day!