Moble menu is tilted a bit to the left

Hi again.
Well most of the issues I had are solve - thank you for that.
One last thing that remains is the meny for mobile which is tilted a bit to the left - see attached screenshot:


However all menus on both mobile and desktop are in the correct order.
So is there any last chance of fixing this issue?

Thank you so much,


I am also attaching my entire .css here just to be on the safe side.(below)

    widget-title .title-decoration::before,
    .widget-title .title-decoration::after {
    	width: 30px;
    	height: 1px;
    	bottom: -15px;
    	background-color: rgba(92, 98, 101, 0.3);	
    .atblock .widget-title::after {
    	width: 6px;
    	height: 6px;
    	bottom: -18px;
    	border-radius: 3px;
    	background-color: #d2d8da;
    	left: -webkit-calc(50% - 3px);
    	left: -moz-calc(50% - 3px);
    	left: calc(50% - 3px);
    .widget-title .title-decoration::before {
    	left: -webkit-calc(50% - 40px);
    	left: -moz-calc(50% - 40px);
    	left: calc(50% - 40px);
    .widget-title .title-decoration::after {
    	left: -webkit-calc(50% + 10px);
    	left: -moz-calc(50% + 10px);	
    	left: calc(50% + 10px);

    .footer-navigation ul {
          display: table;
          float: right;

        .footer-navigation ul li {
          float: left; 
          direction: rtl;

    @media (max-width: 500px) {

        .header-info .header-text {

            font-size: 4vw !important;



    @media only screen and (max-width: 991px) {

          .footer-navigation {

            float: none;

            margin-left: auto;

            margin-right: auto;



Hello there,

Please try adding this extra CSS code:

    @media only screen and (max-width: 1024px) {

      .main-navigation {
        padding-left: 0 !important;
        padding-right: 0 !important;


Awsome! works great :slight_smile:

Thanks kharis!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.