Adding menu text beside of hamburger button is not appearing fully on tablet mode


#1

Hello, anyone can help me solve this problem?
after adding CSS code want to make hamburger button in line with the logo to the right, plus adding “Menu” text beside of hamburger menu. It showing great on mobile mode but untill I got a problem on tablet mode which the menu text is not showing, seems like the position is too corner, here the code I am using and the screenshot.

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

.header-wrap .container{
text-align: left;
}

.header-wrap .btn-menu{
float: right;
margin-right: 85px;
}

.header-wrap .col-md-4 {
max-width: 50%;
position: relative;
z-index: 2;
}

.header-wrap .col-md-8 {
margin-top: -90px;
}

#mainnav-mobi {
top: 70px;
}
	
	.btn-menu:after {
    content: 'Menu';
}


#2

Hello,

I would be glad to help you, but can you please provide a link to affected website?

Kind Regards, Roman.


#3

Hello Mr. Roman,
Thanks for your support,
this is my website link,
https://romanticbalitour.com

thank you


#4

Hello, try to add the following CSS code.

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

@media (min-width: 768px) and (max-width: 1024px) {
    .btn-menu::after {
        content: 'Menu';
    }

    .btn-menu {
        width: 110px;
        line-height: 1;
        margin-top: 35px
    }
}

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

Kind Regards, Roman.


#5

Hello, Mr. Roman
Thank you very much it working very well, success for sydney theme


#6

Great, you are welcome!

By the way, it would be nice if you leave your feedback for Sydney theme on WordPress.org (if you haven’t done it already, of course), here is a quick link :slight_smile:

Kind Regards, Roman.


#7

done it already, Mr. Roman, Thank you verymuch


#8

You are welcome, have a nice day! And thank you as well :slight_smile:

Kind Regards, Roman.


#9