Centering logo on mobile view … Custom CSS didn't quite center it

Home Forums Auberge Centering logo on mobile view … Custom CSS didn't quite center it

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #18649

    Sue
    Participant

    Centering logo on mobile view … Custom CSS didn't quite center it

    Resolved

    Hey there! Have you noticed this support service is provided FREE of charge?
    If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you

    Consider a donation →

    Hi there,

    I applied the custom CSS recommended in a previous support forum reply (see below) in order to center the logo and social menu on mobile view, and this did move the elements, but as you will see, they are not actually centered. They may be centered between the navigation menu and the right edge of the view, but they still appear awkwardly off-center. Could you please advise?

    @media only screen and (max-width: 680px) {
      .site-branding,
      .site-header .social-links { 
        text-align: center; 
      }
    }

    Also, is there a way to make the faded links in the navigation bar less faded? They are way too faded! Thanks again.

    Thanks very much,
    Sue

    • This topic was modified 6 months ago by  Oliver Juhas. Reason: Formatting code
    #18659

    Oliver Juhas
    Keymaster

    Hi Sue,

    1. Please use your browser code inspector to determine the correct CSS code tweaks you need to use. Here is custom CSS fixing the issue for you:
      @media only screen and (max-width: 54.99em) {
      	.site-header {
      		padding-left: 1rem;
      	}
      }
    2. To make the navigation links not to fade, use this custom CSS:
      .main-navigation ul a {
      	opacity: 1;
      }

    Please understand that if you need a lot of theme modifications, you should probably hire a help → see the knowledge base article.

    Best regards,

    Oliver Juhas
    WebMan Design

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.