Menu centered as default

Home Forums I need help Menu centered as default

This topic contains 7 replies, has 2 voices, and was last updated by  tg_support 2 months, 2 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #4691

    haluong89gmailcom
    Participant

    Dear SupportTeams,
    How can I center the menu as default and change the font menu as default?
    I am waiting for your answer!
    Regards
    Ha

    #4845

    tg_support
    Keymaster

    Hello!

    You can set the menu font and align in the WP Customizer, but they are not in the “Default Theme Styles” block.

    If by default you mean that you want to install the theme and see the changes without using the customizer, your best choice will be copying the CSS styles that the customizer applies and pasting them at the end of the styles.css file inside your .zip exported file.

    I hope it helps!

    #4927

    haluong89gmailcom
    Participant

    Hello,

    Sorry but it doesn’t work. What should I do then?

    Hope to see your reply soon

    #5044

    tg_support
    Keymaster

    Is it not working when using WordPress customizer?
    Or you mean the second option?
    Thanks!

    #5107

    haluong89gmailcom
    Participant

    Hi it works with WordPress Customizer but I would like to have the center navigation as default. I copied style.css from theme editor/css/style.css to my local forder css/style.css but it doesn’t work. I would like to hear from you soon. Thanks!

    Regards
    Ha

    #5190

    tg_support
    Keymaster

    Please, try pasting this code at the end of one of your .css files.

    You will need to keep that changes inside the .zip file and install the theme again.

    Tell me if it does not work.

    .itemsmymenu1.navbar-items-c {
    	display: inline-block;
    }
    @media screen and (max-width: 993px) {													
    	.itemsmymenu1.navbar-items-c {
    		display: none;						
    	}
    }				
    @media screen and (min-width: 993px) {
    	.itemsmymenu1.navbar-items-c {
    		float: none!important;						
    	}
    	.containermymenu1 {
    		text-align: center!important;						
    	}
    }
    #5232

    haluong89gmailcom
    Participant

    Hi,
    it doesn’t work. There are two files which name style.css. I tried to put it in two files but it did not work!

    Regards

    #5262

    tg_support
    Keymaster

    Do you see any change when using the code? If no, maybe the cache is not being refreshed correctly.

    Also, can you try to paste this code under customizer -> custom CSS and see if it works there? (I did small modifications in the code below)

    Otherway, feel free to share with me a public test URL so I can check it.

    Thanks!

    .itemsmymenu1.navbar-items-c {
    	display: inline-block!important;
    }
    @media screen and (max-width: 993px) {													
    	.itemsmymenu1.navbar-items-c {
    		display: none!important;						
    	}
    }				
    @media screen and (min-width: 993px) {
    	.itemsmymenu1.navbar-items-c {
    		float: none!important;						
    	}
    	.containermymenu1 {
    		text-align: center!important;						
    	}
    }
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.