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 #3131829
Vertical Mobile Navigation
Closed

Comments

  •  1
    Rebbi started the conversation

    Hi!

    I have two questions regarding mobile navigation.

    First, I would like to make the hamburger icon a little bigger. Where can i do this?

    Then I would like to change the colors of the social media icons to #b5ae67. Where can I do this?

    Is it also possible to move the social media icons to the bottom? (see attachment)

    Kind regards
    Rebbi


    Attached files:  SocialMedia_Icons.png

  •  2,488
    PenciDesign replied

    Hi,

    1. Please go to WordPress dashboard > Appearance > Customize > Logo & Header > Main Bar & Primary Menu: change the hamburger site at the "Custom Font Size for Social Icons" option,

    2. Navigate to Vertical Navigation & Hamburger Menu > Colors: change the social color at the "Social Icons Color",

    3. If you want to change the position of the social icon, you need to create a custom header layout by following the document here: https://soledad.pencidesign.net/soledad-document/#menu

    Regards,
    PenciDesign.


  •  1
    Rebbi replied

    Hi,

    Thank you. Unfortunately, it did not work.

    1. It's not there or I don't see it. Only the options "Font Size for Search, Shopping Cart Icons" are there. 
    No option "Font Size for Social Icons."

    2. Found it, but it did not work. Please see screenshot.

    3. Okay, thanks.

    Regards
    Rebecca



    Attached files:  SocialIconsColor.png

  •   PenciDesign replied privately
  •   Rebbi replied privately
  •  2,488
    PenciDesign replied

    Hi.

    1. I've fixed the social color issue,

    2. Please go to Appearance → Customize → Additional CSS then add the following custom CSS code:

    .button-menu-mobile.header-2 svg {
      width: 30px;
      height: 30px;
      margin: 10px 0 0;
    }
    Change 30px to the size of the hamburger icon size you want to show.

    Regards,

    PenciDesign.