UPD: At the same time, line background and text colors are being set for both desktop & mobile at the same time.
-
This reply was modified 4 years, 9 months ago by
rinart73.
Mat
(@mateithemeisle)
Hello @rinart73 ,
Thank you for using Neve and for reaching out!
Neve has the option to customize each device separately so unless custom modifications have been made to the theme, changes for desktop shouldn’t affect other changes made for mobile for example.
However, each site is unique and issues might arise. What you are describing seems like it could be handled with some css.
Would you please provide the URL to the website so we can take a look and see If we can help?
Thank you and have an amazing day!
Unfortunately the website is currently on a local machine.
Mat
(@mateithemeisle)
Hello @rinart73 ,
If you are using a local environment I cannot take a look at your website and provide feedback. However, you could replicate your local environment by using https://jurassic.ninja/ where you can create a WP instance that will self-destroy after 7 days.
After you replicate the issue there, you could provide the login details here (as it is a test environment and no personal data is needed) and we can take a look.
Please let me know if this works for you!
Thank you and have an amazing day!
I solved the issue by removing content from middle mobile header completely and adding styles to always display desktop middle header no matter screen width.
-
This reply was modified 4 years, 9 months ago by rinart73.
Hi, @rinart73!
We are glad to hear your issue was solved!
Have a great day!
Hi, @rinart73 & Neve team, I’m working on solving this same issue. The application I am using can’t have my custom html code twice on one page or it breaks it’s function.
Is there any chance you’d be willing to share more details on your styling solution? Did you simply use the Additional CSS to implement an overwrite of a specific class/middle header identifier?
I am hoping to do the same thing and I’d be grateful for anything more you’d be willing to share.
Thanks!
@k33lkeith Hello. As I said I completely removed content from the mobile middle header and left the code only in the desktop middle header.
Then I added this to the theme custom CSS:
.header-main {
display: block;
}
As a result desktop middle header is now displayed for mobile too.
Great! Thanks @rinart73 for the time to respond. Worked for me as well.
