Home › Forums › Free Themes › WEN Business › Changing Menu CSS

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 10, 2018 at 6:12 pm #77368
    Swati98
    Participant

    I have 6 tabs on my menu and because there is so much space between the tabs and possibly because the tabs in the menu bar are all caps the menu bar is going onto two lines.

    I need a CSS code that can make the necessary changes to fit my menu bar on one line.

    August 12, 2018 at 11:23 pm #77430
    wensolutions
    Keymaster

    Hello @swati98,

    Thank you for using the theme.

    Can you please provide your site URL so that we can provide the precise fix on this?

    Thank you.

    Regards!!

    August 13, 2018 at 4:30 pm #77473
    Swati98
    Participant

    I am currently working on a staging site so im not sure if this will work

    http://g1f.3b6.myftpupload.com/

    I tried this code

    .main-navigation ul ul {
    top: 100%;
    }

    and it did not work.

    August 13, 2018 at 11:55 pm #77486
    wensolutions
    Keymaster

    Hello @swati98,

    Currently, in the desktop version, all the menu items are displayed on the same line as you can see in the below given screenshot:

    https://imgur.com/a/ZP3U9K0

    But if you want to display the menu item in the same line in responsive view then please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    @media screen and (max-width: 1200px){
	#site-navigation ul li a {
		font-size: 11px;
		padding: 5px 0px 15px;
	}
}

    Hope this helps.

    Regards!!

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