Logo and second logo issues

  • Hello,

    Here is my site: https://www.pittoreska.com

    1) I added a second logo to my header on the right to the nav bar. I also have a Sticky Logo and this is now shown two times too. How can I make the Sticky Logo appear only once on the left?

    2) On a wide screen, my nav bar with the logos on each side looks great. On smaller screens, the nav bar takes is on two lines. How can I minimize the distance/space between the logos and the nav bar so the nav bar takes up all the space in between the logos?

    3) On very small screens and mobile the two logos are shown on top of eachother with the social icons and menu button in between. Would it be possible to have the two logos next to each other at the top and social icons and menu button bellow them?

    Thank you!

Viewing 1 replies (of 1 total)

  • 1) Add to Child Theme style.css or CustomCSS

    .sticky-enabled .brand2 .site-logo {
    display: none;
}

    2) First, read about @media here
    You then need to test and add different sizes and adjust with

    @media all and (max-width:1280px) {
.navbar .nav {
width: 140%; /* 1280 x 600 */
}
}

    3) Use @media and adjust css

Viewing 1 replies (of 1 total)
  • The topic ‘Logo and second logo issues’ is closed to new replies.