Changing header icons in mobile version

  • Hello,

    In the mobile version of my website, the menu bar appears to the left of the logo. I want it to be placed on the right corner. Is there any way (customisation/ code snippet ) to do this?

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello,

    Can you please provide a link to your website in order to let me check it?

    Kind Regards, Roman.

    Thread Starter suvamss

    (@suvamss)

    Here you go – https://pilatesdesignschool.com

    Hello, try to use the following CSS code.

    You can add CSS code in Customize → Additional CSS section.

    .header-mobile-menu {
    padding: 25px;
    order: 0;
}

    Please feel free to ask any other questions that you might have.

    Kind Regards, Roman.

    Thread Starter suvamss

    (@suvamss)

    It didn’t work. For some reason, none of the snippets meant for the header seem to be working. Had tried one previously to fix the height as well. Is there any other way of getting this done? Some plugin or any other solution?

    Hello,

    You have this additional CSS code:

    			.mobile_header {
height: 30px;
};

.metaslider .flex-control-nav {
bottom:-30px;
};

@media only screen and (max-width: 700px){
.top-header img {
    height: auto;
    width: 70px;
}
} ;

.header-mobile-menu {
    padding: 25px;
    order: 0;
	};

    …try to replace it with this:

    .mobile_header {
    height: 30px;
}

.metaslider .flex-control-nav {
    bottom:-30px;
}

@media only screen and (max-width: 700px) {
    .top-header img {
        height: auto;
        width: 70px;
    }
}

.header-mobile-menu {
    padding: 25px;
    order: 0;
}

    Kind Regards, Roman.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing header icons in mobile version’ is closed to new replies.