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 #2795464
Header design etc.
Closed

Comments

  • indeepsilence started the conversation
    June 6, 2021 at 3:21pm

    Hi there !

    1.) How can I align all menu items on the same row ? The menu items containing submenus are 1 px under the standard menu items. This bothers me :-)

    2.) How can I decrease the space between the logo and the slogan ? Any CSS for that ?

    3.) When page is minimized to mobile version, the menu items with submenus aren't clickable. You have to hit the very very little arrow. This is not very user-friendly ? Can it be changed ?

    Thanks in advance !

  •  2,495
    PenciDesign replied
    June 6, 2021 at 3:43pm

    Hi,

    Please add the following custom CSS code to your site by going to Appearance > Customize > Custom CSS:

    /* Modify Sub menu width */
    @media only screen and (min-width: 961px) {
        #navigation-sticky-wrapper:not(.is-sticky) .menu .sub-menu, #navigation-sticky-wrapper:not(.is-sticky) .menu .children {
            margin-top: 0;
        }
    }
#navigation ul.menu ul a, #navigation .menu ul ul a {
        min-width: 250px;
    }
/* Disable Headed Slogan */
    .header-slogan {
        margin-top: 0;
    }
/* Improve size of button sub menu on mobile */
    .penci-menu-hbg .menu li a .indicator, #sidebar-nav .menu li a .indicator {
        padding: 15px;
    }
    This code will improve and resolve your issues.

    Best Regards,
    PenciDesign.

  • indeepsilence replied
    June 7, 2021 at 4:04pm

    Hi !

    Point 2 is resolved, Points 1+3 unfortunately not yet

    For Point 3 ... can't be the whole submenu item in the mobile menu be clickable ?

  •  2,495
    PenciDesign replied
    June 7, 2021 at 4:23pm

    Hi,

    Please add the following custom CSS code to adjust the Header Menu:

    /* Fixed Top Header Menu in 1 row */
    .header-social a i,
    .main-nav-social a,
    #top-search > a {
        line-height: 54px;
    }
    For Point 3: The previous CSS code has improved the size of the arrow button, please clear your site cache on mobile and test again. I've checked and the submenu is working properly. You can view this video:


    Best Regards,
    PenciDesign.