[Support request] Site title etc position in mobile version

Home Forums Support Site title etc position in mobile version

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #329034
    Dejan

    Hello there,

    right now my desktop version is like I want, simple position on the left. But mobile version is pretty messy and as I can see, it would be perfect if the site title, tagline and logo would be in center. But is even possible to have best of both worlds?

    Site is https://wallstreet.si/ for the better outlook.

    Thank you!

    GP Premium 1.3
    #329051
    Leo
    Staff
    Customer Support

    Hi there,

    I think it will look slick with GP’s mobile header and the logo icon you have:
    https://docs.generatepress.com/article/mobile-header/

    Give it a shot and let me know.

    #329073
    Dejan

    Hey there,

    that doesn’t help since it completely take away site title and tagline. I photoshopped my idea, could this be achievable with some kind of a code? Lightweight social icons, site title and tagline all in center on mobile version? Logo is optional.

    img idea

    #329077
    Leo
    Staff
    Customer Support

    Try this CSS:

    @media (max-width: 768px) {
        .inside-header {
            text-align: center;
        }
    }

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

    #329301
    Dejan

    Hey Leo,

    sorry but I don’t think we’re on the same page. 😀 That centers my desktop version too. I’m just asking if there’s any way I can show and center my site title and tagline over navigation in the header bar but only on mobile version? 😀 So the current dekstop version stays intact. I think I can fit lightweight social icons into the mobile navigation so that’s no problem.

    #329382
    Leo
    Staff
    Customer Support

    The code I provided shouldn’t effect the desktop version as it’s wrapped in @media (max-width: 768px)

    Can you add it back in so I can see?

    #329465
    Dejan

    Problem is I’m already using this code.

    #329562
    Leo
    Staff
    Customer Support

    I don’t think that’s the problem as the two blocks of code are unrelated.

    Also the code on the page is wrapped with @media (min-width:769px) so that only applies to desktop and tablet.

    I see you are using the mobile header now but if you want to give my method another shot let me know 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.