I would like to ask you to help my with css styling. I want to move this menu item to the right, or add some padding so it is not alligned to the left. Do you think it is possible?
crystalrain123 Hi Open template folder/css/custom.css file and add below code
.t3-mainnav .t3-navbar-collapse .navbar-nav .open .mega-group span {padding-left:40px;}
it will move the menu heading in right side.
Regards
Thank you very much. Your solution seems to work. Just one more question. If I add following code top padding does not apply. Thank you for help.
.t3-mainnav .t3-navbar-collapse .navbar-nav .open .mega-group span { padding: 25px 25px; font-size: 12px; text-transform: uppercase; }
Hi crystalrain123
Try to add the !important suffix after the declaration
e.g. padding: 25px 25px!important;
padding: 25px 25px!important;
Hope it helps
crystalrain123 Just one more question. If I add following code top padding does not apply.
You may instead use line-height:30px !important; [adjust value accordingly] for similar CSS which will work more effectively with span tag and should derive the purpose as envisaged 🙂
line-height:30px !important;
Unfortunately, does not work.
.t3-mainnav .t3-navbar-collapse .navbar-nav .open .mega-group span { padding-top: 25px!important; ----- does not work padding-left: 25px!important; font-size: 12px; text-transform: uppercase; }
! Thank you ! Worked like a charm !
