Home Forums Free Themes WEN Business Changing Menu CSS

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  wensolutions 9 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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.

    #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!!

    #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.

    #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!!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.