Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3563420
How can I get the logo made a little smaller here but only here on the front page??
Closed

Comments

  •  1
    René started the conversation
    January 17, 2024 at 11:51am
    4059902592.png
  •  2,267
    PenciDesign replied
    January 17, 2024 at 1:47pm

    Hi,

    Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

    body.home .penci-header-wrap {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
    }
    body.home #navigation-sticky-wrapper {
      order: 2;
    }
    body.home #header {
      order: 1;
      margin-bottom: 0;
    }
    body.home .inner-header #logo img {
      max-height: 60px;
      width: auto;
    }

    Regards,
    PenciDesign.



  •  1
    René replied
    January 17, 2024 at 1:57pm

    it only works on the front right??

    it must work on all sides

    it only works on the side right??
    it must work on all pages and it must be centered after the logo

    9981097886.png

    the search button must be removed

    And logo one became much smaller

  •  2,267
    PenciDesign replied
    January 17, 2024 at 3:30pm

    Hi,

    The code I sent only working on the front page.

    Regards,
    PenciDesign.

  •  1
    René replied
    January 17, 2024 at 3:33pm

    What about all my other questions?? Won't you just answer them too?

    and why only on the front page

    I have to have the menu down on all pages

    5670449425.png


  •  2,267
    PenciDesign replied
    January 17, 2024 at 3:38pm

    Hi,

    If you want to customize for all pages, please modify this CSS:

    .penci-header-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#navigation-sticky-wrapper {
  order: 2;
}
#header {
  order: 1;
  margin-bottom: 0;
}
.inner-header #logo img {
  max-height: 60px;
  width: auto;
}

    Regards,
    PenciDesign.