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.
We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.
Cookies are small text files that can be used by websites to make a user's experience more efficient.
The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.
This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.
You can at any time change or withdraw your consent from the Cookie Declaration on our website.
Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.
Please state your consent ID and date when you contact us regarding your consent.
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