• Resolved Royah Marie

    (@hautecreations)


    I have added a secondary menu but that now pushed my logo and tagline together. I want to reduce the width of the secondary menu so there isn’t so much black space to the left of my “login/register” “Wishlist” menu items. Those two things are the only items I plan on having on my secondary menu.

    THANK YOU!!!

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi there,

    Thanks for reaching out.

    We can do this by using a CSS code. Can you please go to Appearance > Customize > Additional CSS and add the following code:

    
    ul#menu-secondary-menu li a {
        padding-right: 0 !important;
    }
    

    Let me know how it goes!

    Best,

    Thread Starter Royah Marie

    (@hautecreations)

    It moved it over to the right some, but the overall width of the secondary menu has not changed. I need it smaller to give my log the room it needs so the words “Affordable elegance at your fingertips” goes back to being displayed in one line.

    Hello,

    To clarify, are you referring to this? Feel free to correct me or to send screenshots
    via https://snipboard.io if you are looking for something different.


    Link to image: https://snipboard.io/lwUuNh.jpg


    Link to image: https://snipboard.io/GyTfp1.jpg

    You can refer to this article to make it visible in one line.

    Please let me know if this worked for you.

    Thread Starter Royah Marie

    (@hautecreations)

    @ihereira That is EXACTLY what I’m looking for! I went to that article and entered both the CSS and only one at a time (total of three combinations) and it did not work for me.

    For your reference, this is the code I used to get my tagline to show up next to my logo.

    .site-header .custom-logo-link::after {
    !important;    
    	content: "Affordable elegance at your fingertips.";
    	color: white !important;
      padding-left: 20px; !important
    }

    any idea why I couldn’t get the article’s codes to work?

    Hello,

    Does this workaround work for you? Please let us know.

    • This reply was modified 2 years, 5 months ago by Igor H.
    Thread Starter Royah Marie

    (@hautecreations)

    @ihereira No it did not. Please see my previous response.

    Hello,

    I was checking this workaround and I used this line of code:

    .site-header .custom-logo-link {
    white-space: nowrap;
    }

    And this is the result, check screenshot:

    Link to image: https://gifyu.com/image/S3tBH

    Let us know if that makes a difference.

    • This reply was modified 2 years, 5 months ago by Igor H.
    • This reply was modified 2 years, 5 months ago by Igor H.
    • This reply was modified 2 years, 5 months ago by Igor H.
    Thread Starter Royah Marie

    (@hautecreations)

    GENIUS!!! Thank you SO much!

    That’s awesome! So glad to hear that it worked for you! ??

    I’m going to mark this thread as resolved. If there is anything else we can do for you, please open a new topic.

    Cheers!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Edit size of secondary menu’ is closed to new replies.