The CSS code cannot move the HTML elements between their childrens/siblings/parents, it can only style it.
You would have to edit the theme files or contact some webdeveloper and ask him about some JS script, but you have to be aware, because all of the CSS codes are hardcoded to be used outside the hamburger menu, so the button can look different than in header.
@Pablo I have one more question. My client sent me screenshot of mobile version of the website and it looks like this (screenshot attached). Do you have any suggestions or ideas what could cause this problem.
The website on mobile should look like this (screenshot below):
Well, if you do not want to display that colorful stripe on desktop, then you have to edit it for mobile only, by adding the strip above + section background color for that text.
The point is that the page doesn`t look the way it should. I use Elementor for editing. The problem is that the pages look different on a mobile device than on elementor mobile preview. And also fonts are different and those blue,yellow stripes are missing.
Comments
Hello,
What kind of menu button do you want to enable? The button for hamburger menu or just with a link inside?
Can you explain it greater?
Thanks
Hi,
I want to enable same button as it is in desktop version of the menu but to be seen also in the mobile version of the menu (screenshot attached)
Greetings,
Nejc
It can be done with the CSS code, do you need help with it?
If yes, please send us a link to your website.
thanks
Hi,
Link to website:
Greetings,
Nejc
Please paste that CSS code into Theme Options -> Custom CSS & JS -> CSS
.action_button{display: block !important;}thanks
Thank you,
but is it possible to put it into the hamburger menu? Sorry I didn`t see that you asked me this before.
Greetings,
Nejc
Sadly, it will not be possible.
The CSS code cannot move the HTML elements between their childrens/siblings/parents, it can only style it.
You would have to edit the theme files or contact some webdeveloper and ask him about some JS script, but you have to be aware, because all of the CSS codes are hardcoded to be used outside the hamburger menu, so the button can look different than in header.
thanks
Okay,
thank you for help.
Greetings,
Nejc
Hi,
@Pablo I have one more question. My client sent me screenshot of mobile version of the website and it looks like this (screenshot attached). Do you have any suggestions or ideas what could cause this problem.
The website on mobile should look like this (screenshot below):
Greetings,
Nejc
Well, if you do not want to display that colorful stripe on desktop, then you have to edit it for mobile only, by adding the strip above + section background color for that text.
Thanks
The point is that the page doesn`t look the way it should. I use Elementor for editing. The problem is that the pages look different on a mobile device than on elementor mobile preview. And also fonts are different and those blue,yellow stripes are missing.
Can you test if the same happen when you will switch to other theme? like twentytwenty-one?
I don't think that's BeTheme fault, I tested few layouts on my localhost and the preview of Elementor looks the same.
Thanks