Menu Items wrapping in header space

Home Forums Gravida Support Menu Items wrapping in header space

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #81561
    gl4thp
    Participant
    • Topics: 3
    • Replies: 14
    • Total: 17
    Member since: August 17, 2017

    Questions:
    1) In the header – I want to put a logo and my website name, but it won’t accept both. If I enter a logo it removes the name.
    2) I thought I could get around this by using a header background image (the image would contain both) but the image seems to repeat. Looks weird so I removed it.
    3) In the header – I want my menu options to list in a single line but they are wrapping onto two lines.

    https://glconsultingfirm.com/

    #81574
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

    Regards,
    Chris

    #81586
    gl4thp
    Participant
    • Topics: 3
    • Replies: 14
    • Total: 17
    Member since: August 17, 2017
    #81589
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

    .center { width:1060px;}
    #topmenu ul li a { padding:10px 12px !important;}

    Regards,
    Chris

    #81669
    gl4thp
    Participant
    • Topics: 3
    • Replies: 14
    • Total: 17
    Member since: August 17, 2017

    I have done that and thank you, it worked.
    But as soon as I chose Site Title rather than the Logo Image, it wrapped again.

    I’ve posted another screen shot on imgur for you to see.

    Q image for SKT 2

    Thank you so much for all your help.

    #81730
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi,

    Remove previous css

    .center { width:1060px;}
    #topmenu ul li a { padding:10px 12px !important;}

    And add this new css

    .center { width:1170px;}
    #topmenu ul li a { padding:10px 7px !important;}

    Regards,
    Chris

    #81762
    gl4thp
    Participant
    • Topics: 3
    • Replies: 14
    • Total: 17
    Member since: August 17, 2017

    That did it! Thank you so much for all your help.

    #81803
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi gl4thp,

    If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/9/

    Regards,
    Chris

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.