responsiveness of menu bar, logo and social icons

  • Resolved airforceadvice

    (@airforceadvice)


    9 years, 2 months ago

    Hello,

    The theme you have produced is lovely however I am having issues with the responsiveness of it. I have attached an image below of how the theme looks on a mobile device and to be hones it looks horrible! haha!

    Could you please tell me how I make the logo at the top centered, and how I have the social icons to the right of the logo. It all just looks like a mishmash at the moment.

    https://snag.gy/FRtww.jpg

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    Sorry, but there is no way for me to produce a theme for every usage case a customer can have. The design of the theme was chosen wisely for the most use case. This is how it looks by default, which is perfectly fine: https://easycaptures.com/fs/uploaded/820/7877248166.jpg

    To tweak the mobile header for your needs you need to apply this custom CSS:

    @media only screen and (max-width: 960px) {

  .site-header {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .site-branding, .site-header .social-links {
    float: none;
    display: inline-block;
    line-height: 74px;
    vertical-align: middle;
  }

}

    Regards,

    Oliver

    Wait, How could you add a logo instead of your site title??? I am trying to find a way to add a logo image before site title…:(

    Where is the html I can change this part? I can’t seem to find any php file that has “site-title” info anywhere…

    Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    Hi,

    Please note that you should log a new ticket for this issue as the above original question was already resolved.

    Anyway, please read the theme user manual for info on how to add image logo and others at https://www.webmandesign.eu/manual/auberge/ Basically you need to use Jetpack plugin’s “Site Logo” module.

    What do you mean by “Where is the html I can change this part?”? If you want to use the above CSS code just click the “custom CSS” link above for info on how to apply.

    Regards,

    Oliver

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘responsiveness of menu bar, logo and social icons’ is closed to new replies.