Support » Theme: Colorskin » i want to show my site tittle / site logo in center to mobile navigation

  • Resolved itsmithu

    (@itsmithu)


    hi,

    i want to show my site tittle / site logo in center to mobile navigation

    please help me by providing css to make site tittle/logo center in mobile navigation

    thanks

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • Theme Author Dimitrakopoulos

    (@effpandim)

    Hi @itsmithu

    Paste the follow code.

    @media only screen and (max-width: 767px) {
        .site-branding {
            width: 100%;
    	text-align: center;
        }
        .header-text-title {
            float: none;
        }
        .slicknav_menu {
            text-align: center;
        }
    }

    i have paste this code but not working.

    site tittle and logo hiding behind the navigation in mobile

    Theme Author Dimitrakopoulos

    (@effpandim)

    paste this code

    @media only screen and (max-width: 767px) {
    .site-branding {
        width: 100%;
    	text-align: center;
    }
    .site-branding img.custom-logo,
    .header-text-title {
    		float: none;
    	}
    .slicknav_menu {
        text-align: center;
    }
    }

    and if you have this code in customizer, delete it

    .slicknav_menu{
        background:#fff;
        height:60px;
        z-index:170;
        margin:0 auto;
        width:100%;
        position:fixed;
        top:0;
        left:0px;
        right:0px;
        text-align: left;
    }

    I have try this than also not working

    Please check my site I have applied code which u provide me.

    Theme Author Dimitrakopoulos

    (@effpandim)

    I checked your site and works

    Please help me to fix

    Theme Author Dimitrakopoulos

    (@effpandim)

    I just checked your site, itsmithu, and I saw you have deleted the code I sent you yesterday.
    When yesterday I checked your site as you asked me, it worked fine.
    Today I visited your site again and I saw you removed the code completely.
    Explain to me, please, what you exactly want to do because I really want to help you.

    I have deleted code because mobile menu not looking properly as I want

    I need fixed mobile navigation like menu toggle left + site brand in center in one row.

    Please find the attached image

    Theme Author Dimitrakopoulos

    (@effpandim)

    The theme does not support sticky menu for mobile devices.
    In a next update i will add a choice for sticky header in mobile devices.

    I have done with css but site logo hiding behind navigation

    Atleast fix this

    And when new update release

    Thank

    really like theme with new update, almost my problem is solved with update.

    i just need help help with

    i need menu toggle left side in mobile version & site tittle in center in same row.

    thanks

    Theme Author Dimitrakopoulos

    (@effpandim)

    paste this code in customize -> custom css
    and customize -> General Options -> Header Type, select Left Logo

    @media only screen and (max-width: 991px) {
        .site-header > .container {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }
    
        .site-branding {
             width: 100%;
    	 padding-right: 0;
             text-align: center;
        }
    	
       .main-navigation {
    	width: 30px;
       } 
    }

    Thanks a lot

    its working.

Viewing 13 replies - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.